修改模板宽度代码

来源:└博友窝  编辑:博客代码网  发布时间:2007-01-21  点击:  [收藏]

<STYLE type=text/css>
.bodyTop{width:900px;}
.bodyBg{width:900px;}
.bodyBottom{width:900px;}
.feeds .text{width:640px;}
.label{width:240px;}
.photo{width:240px;}
.callboard{width:240px;}
.links{width:240px;}
.calendar{width:240px;}
.sysBr180{width:240px;}
</STYLE>

这个就是修改新浪博客页面宽度的代码了,因为相关代码太多,是筛选了好久才精选出这几个对页面影响最大的代码,废话少说,先来看看它们的意思。

.bodyTop 指的是页面顶部的宽度,控制了 banner(就是题图)的宽度

.bodyBg 指的是整个页面的宽度,其值最好与上者相同(也可以自行变化)

.bodyBottom 指的是页面底部的宽度,其值最好是与上面相同

.feeds .text 指的是正文部分的宽度(也就是文章部分的宽度)

.label 指的是面板的宽度(其值加正文宽度的值应略小于整页的宽度)

.photo 指的是形象照片面板的宽度(同上)

.callboard 指的是公告栏的宽度(同上)

.links 面板(也即最新留言、最新评论等面板)宽度(同上)

.calendar 日历的宽度(同上)

.sysBr180 这个值比较特殊,其值同以上各面板宽度近似,但不一定相同大家应当根据自己设置的宽度进行调节。

width 后面的数字就是你要修改的宽度值,可根据自己的需要设置。


文章地址:
上一篇:CSS入门    下一篇:博客制作基本功