博客园设置自定义页面样式

Posted 2020-12-30 fengnan

首先是背景图片,这个修改对模版而言都是通用的

body {
background:url(‘URL‘) no-repeat top center fixed;
}

这里图片路径可以上传到博客本地图片,图片就有了网上路径

 

然后是正文模块在整体背景中的浮动

#home {

margin:0px auto;
width:1000px;

}

一个控制模块顶部和背景距离

一个控制模块和宽度{当页面缩放的宽度远远小于你设定的宽度,右边搜索框及其他组件都会移动到底层,不利于使用,最好设置一个合适的宽度}

 

正文模块颜色设置

#home {
    background:颜色代码;
    opacity: 0~1;
    filter: alpha(opacity=0~100);
}

第一个是背景颜色

下面是设置透明度,使用任意一个,第一个越接近1越不透明

 

搜索/工具栏样式

.catListTitle{
border-left:5px solid #4C98F5;
padding:8px 0 8px 10px;
}