本文针对于 CSS 不是很了解，但有简单 HTML 知识的用户。

　　用当前版本的 CSS 来设计模版并不是件很难的事情，某种程度上来说只是用一些规律来对配置文件的修改。打开管理后台的管理功能菜单，选择模版后，进入编辑当前样式的修改 Blog 首页模板，就可以看到全部的 CSS 配置文件，那么要进行修改，只需大致了解他们的含义，作些调节即可。

对于初学者，只需要知道下面四个部分

1、设置大体布局
　　在代码中可以看到有类似
#wrapper {width:800px;margin-left:auto;margin-right:auto;background:#efefd5;}
#main {margin:0;} #inner {float:left;width:100%;background:url("/fbui/fb10520/images/mbg.gif") repeat-y;}
#sidebar {float:left;width:170px;padding:0 5px 0 5px;margin:10px 0 0 0;}
#content {margin:0 0 0 182px;}
#footer {clear:both;background:url("/fbui/fb10520/images/27_720.gif") no-repeat top;padding:70px 0 0 0;text-align:center;color:#ff6600;}
　　这就是页面的基础布局，通常有页面居中，边拦居左，页面居中，边拦居右，页面全屏，边拦居左，页面屏，边拦居右四种。
　　找到合适的模版，把这段代码烤出来，替换其他模版的这段代码，即成为一个新模版。

2、设置头部同样找到类似代码
#head {background:url("/fbui/fb10520/images/title.jpg") no-repeat;height:183px;padding:10px 0 0 0;margin:0;}
#head h1 {color:#ffcc00;font-size:24px;margin:50px 0px 10px 20px;}
#head p {display:inline;color:#FFF;margin:0 0 0 30px;}

3、设置边拦找到.sidesub和.sidesub_c开始的行，也可以找 .normallog 以上和刚才那段头部以下的部分都是关于边拦的设置

4、设置内容找到类是下面代码段进行修改
.normallog {margin:10px 0px 0px 0px;width:550px;}
.normallog h4 {background:url("/fbui/fb10520/images/25_352.gif") no-repeat;margin:0;color:#ff6600;font-size:18px;text-indent:18px;}
.normallog .text {padding:0px 10px 0px 10px;font-size:12px;}
.normallog h5 {font-size:12px;font-weight:normal;text-align:right;padding:0px 10px 0px 10px;}
.normallog h6 {padding:0px 10px 0px 0px;font-size:12px;font-weight:normal;text-align:right;}
.normallog h4 .time{float:right;font-size:9px;font-weight:normal;}
.normallog h5 span span{padding: 0 0 0 5px}
.normallog h6 span span{padding: 0 0 0 5px}
　　选择好自己喜欢的模版，知道css的分布，就可以对局部属性进行修改，注意每个属性后面跟随设定，每个设定项已空格分开，必须以;号结尾。  
　　1、背景的修改都在类似background:#fff url("/fbui/fb10520/images/25_352.gif") no-repeat top left;代码
　　#fff是背景颜色值
　　url("/fbui/fb10520/images/25_352.gif") 是背景图片，可以换成你喜欢图片地址
　　no-repeat是背景图片循环方式：可以改为repeat:平铺，no-repeat:不平铺,repeat-x:横向上平铺,repeat-y:纵向上平铺四种
　　top：背景图片上下对其方式，可以改为top:居顶，center:居中，bottom:居底。
　　left：背景图片左右对齐方式，可以改为left:居左，center:居中，right:居右。
　　2、数值的修改
　　修改width，和height的值来改变一个个体的大小，除了0以外必须加上单位
　　修改margin和padding，一个个体的内外间隔，具有四个数值，按上，右，下，左排列，以空格分开，比如margin:10px 5px 5px 10px;
　　修改边框的值，比如border:#ff6600 solid 1px; #ff6600 为边框的颜色值 solid为边框形式，可以改为dashed:虚线。solid:实线double:双线 1px 边框的大小．
　　这样就可以进行一些简易的修改，如果你觉得还是麻烦，也不要紧，我们即将推出模版选择器，可以对每个个体选择不同的外观，最终自动生成模版，你就先选择一个模版玩着，静候我们的佳音吧