博客园主页样式修改(加透明背景和微调位置)

图片在博客园后台相册中添加,然后找到路径。

不是专业做界面的,对着F12的元素审查一个个看得然后覆盖了一些效果,然后,不断调整和对比。

就这样,代码在下面:放后台能用。

body {
     url('http://images.cnblogs.com/cnblogs_com/bai2018/1456282/o_1328843365068430691.jpg') fixed no-repeat;   //修改背景图片
    background-position: 50% 5%; 
    background-size: cover;
    background: rgba(12, 100, 129, 0.2)!important;
}

.day{
    background: rgba(255, 255, 255, 0.3);
}
.header{
    background: rgba(255, 255, 255, 0);
    height: 100px;
    width: 1300px;
    //opacity:0.5;
}
.headerText{
    text-align:left;
    float:left;
    padding-left: 50px;
}
#main{
    width: 1300px;
}
#mytopmenu{
    background-image: url();
    width: 1060px;
}
#leftcontent{
    //float:none;
    background: rgba(255, 255, 255, 0);
}
#leftcontentcontainer{
    background: rgba(255, 255, 255, 0.3);
}
#centercontent{
    width: 1060px;
    //background-color:transparent;
}
.syntaxhighlighter{
    background: rgba(255, 255, 255, 0.3) !important; 
}
#highlighter_239513{
    background: rgba(255, 255, 255, 0.3) !important; 
}
.cnblogs_Highlighter sh-gutter{
    background: rgba(255, 255, 255, 0.3) ;
}
.post{
    background: rgba(255, 255, 255, 0.3) ;
}

  

猜你喜欢

转载自www.cnblogs.com/bai2018/p/10801430.html
今日推荐