替换博客大背景的代码(鸽子来拿) - - 飞喏

替换博客大背景:(建议使用明亮的世界模板,你会有意想不到的结果)

代码如下:

<STYLE type=text/css>
body
{background:url(页面背景图片) repeat
scroll!important;}
</STYLE>

(一)找张自己喜欢的图片来替换代码中括号的页面背景图片:

比如:http://www.tu888.cn/guoneinanxing/zhoujielun/zjld4.jpg

这是周杰伦的图片,把图片地址替换括号的页面背景图片,然后按照(一)期的方法添加即可.

(二)如果不想让你的背景图片滚动,把代码中的scroll改成fixed

为保持整个博客模板的协调,要用到下面的代码来更改各个背景的宽度,请仔细阅读,其中代码说明中的前三项是重要的,其他的可以不修改:

<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>

代码说明：

你找的图片的宽度是多少,就把前三项的宽度修改为多少,比如宽度是1024,就把代码中的900px 修改为1024px

1，因为模板宽度的相关代码太多，只精选出以上几个对页面影响最大的代码出来供大家参考；

2，.bodyTop 指的是页面顶部的宽度，控制了 banner（就是题图）的宽度；

3，.bodyBg 指的是整个页面的宽度，其值最好与上者相同（也可以自行变化）；

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

5，.feeds .text 指的是正文部分的宽度（也就是文章部分的宽度）；

6，.label 指的是面板的宽度（其值加正文宽度的值应略小于整个页面的宽度）；

7，.photo 指的是形象照片面板的宽度（其值同上）；

8，.callboard 指的是公告栏的宽度（其值同上）；

9，.links 面板（也即最新留言、最新评论等面板）宽度（其值同上）；

10，.calendar 日历的宽度（其值同上）.

评论 (4) | 阅读 (?) | 固定链接 | 发表于 21:01 | 最后修改于 2007-11-08 21:01

正在读取评论信息...