博客固定背景代码 sf090

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

 改博客各部分背景的代码,其中改大背景的代码是:

<style>body {background:url("页面大背景图片地址") repeat scroll!important;}</style>

 给大家讲解一下其中两个参数:“repeat”:重复,简单的说其效果是我们选取某一张图片当背景,当图片的大小不够的时候会以平铺显示,这个大家在自己电脑的桌面上设置的时候应该有所体会吧;“scroll”:英文字面意思就是卷轴,其效果是大背景会随着右边滚动条拉动的时候而滚动。那么我们怎么让大背景固定不动呢,其实很简单,就改其中一个参数而已.

 改后固定背景的代码是:

<style>body {background:url("页面大背景图片地址") repeat fixed!important;}<style>

 大家应该看出什么不同了吧,那么这个固定背景代码有什么用呢,顾名思义,就是让大背景固定不动,大家改博客大背景的时候应该有所体会,我们所选取来当大背景的图片一般是颜色均匀的竖长条形或者方块形,而这里我们用来当大背景的图片就不同了,除了可以用竖长条形的图片外,还可以是比较大一点的图片,其规格大概是1000*600,当然这个不是精确是数值,只是个约数,但是大家所找的图片最好别小于这个规格,这种情况下大家就会想到我们平时用来当电脑桌面的壁纸就可以用在这里当博客的大背景,这样博客大背景图片的选择面就更广了,因为桌面壁纸有很多,像1024*768规格的更是多的满天飞,去网上搜索一下到处都是,而且百度有专门的壁纸搜索。不过要说明的是,所用的背景图片别直接用网上的地址,那个严重影响你的博客速度,大家可以先把找到的图片保存在你的电脑上,然后再传到新浪上获得地址,具体方法请大家参看我写的《关于在新浪博客建立后台相册的另一种方法》。

 大背景固定之后会有什么变化呢:首先,废话,当然是大背景不动了,当你拉动右边滚动条的时候只有中间模块和文章的部分在动,这方面请参见我的BLOG首页。其次漂浮的挂件,漂浮的图片显示的效果将有所不同,大家看到我博客上那个TOP小图标没,原先是漂浮的,随着你拉动滚动条一直往下跑,而现在背景被固定后那个小图标也不动了;同理,漂浮的透明FLASH也将被固定在页面上不动而一直显示,动的只是中间模块和文章的部分。还有就是挂件,当拉动右边的滚动条的时候挂件却会随着中间模块和文章的部分一起动,具体效果大家试了就知道了。

 注意:大家用的时候只要把原先改大背景代码中的scroll改为fixed,再换个地址就可以了。


文章地址: