加载中…
教你修改新浪默认模板的高宽度（HOT）
(2006-09-04 04:32:22)| 分类： *原创文章* -多多支持- |
|
BY: CSBEYOND 此代码多谢蚊子兄的点拨~宽度是他已有的教程，高度也是他告诉我的，为了方便广大博友，现在把修改模板高度的代码放出~ F：温如军 |
|||
Q: |
三、如何更改模板的宽度－代码如下：
<STYLE type=text/css>
.bodyTop{width:900px;}
.bodyBg{width:900px;}
.bodyBottom{width:900px;}
.feeds .text{width:660px;}
.label{width:20px;}
.photo{width:200px;}
.callboard{width:200px;}
.links{width:200px;}
.calendar{width:200px;}
.sysBr180{width:200px;}
</STYLE>
.bodyTop{width:900px;}
.bodyBg{width:900px;}
.bodyBottom{width:900px;}
.feeds .text{width:660px;}
.label{width:20px;}
.photo{width:200px;}
.callboard{width:200px;}
.links{width:200px;}
.calendar{width:200px;}
.sysBr180{width:200px;}
</STYLE>
这个就是修改新浪博客页面宽度的代码了，因为相关代码太多，只精选出这几个对页面影响最大的代码出来给大家。
参数说明：
.bodyTop 指的是页面顶部的宽度，控制了
banner（就是题图）的宽度。
.bodyBg 指的是整个页面的宽度，其值最好与上者相同（也可以自行变化） 。
.bodyBottom 指的是页面底部的宽度，其值最好是与上面相同 。
.feeds .text 指的是正文部分的宽度（也就是文章部分的宽度） 。
.label 指的是面板的宽度（其值加正文宽度的值应略小于整个页面的宽度） 。
.photo 指的是形象照片面板的宽度（其值同上） 。
.callboard 指的是公告栏的宽度（其值同上） 。
.links 面板（也即最新留言、最新评论等面板）宽度（其值同上）。
.calendar 日历的宽度（其值同上） 。
.sysBr180 这个值比较特殊，其值同以上各面板宽度近似，但不一定相同大家应当根据自己设置的宽度进行调节。
width 后面的数字就是你要修改的宽度值，可根据自己的需要设置。
面板的宽度值大约为190左右；如果要改成全屏，整个页面总宽度约为995-996。
不过要更改模板宽度的话建议面板的宽度不必改，只需用代码中的前四个参数就行了。
特别提示：修改高度的参数和宽还不太一样~比如你想改通栏（banner）的高度
格式为.banner{height:**px;}
你想改banner高度为280，格式就是
<STYLE type=text/css>
.banner{height:280px;}
</STYLE>
喜欢
0
赠金笔