博客背景的修改 小周

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

效果显示http://thekeytolife.bokee.com/

对于那些想装扮自己博客主页的朋友们不少都应该不满意现有的博客系统提供的模板背景。今天随便看了几个改博客主页背景的方法,虽然有现成的代码,可是执行起来很受限制。以下是一个比较“牛”的博友的修改办法,也是在网上比较常见的修改办法,不过我觉得这种办法对于博客网的新版用户很受限制:

页面大背景代码

<STYLE>body {background:url("图片地址") repeat scroll!important;}</STYLE>

页头上方代码

<IMG style="LEFT: 140px; ; TOP: 140px" src="图片地址">

对于这种方法大背景是挺好用的,不过接下来的页头背景代码在新版博客中是不能够这么简单就能用的(至少我认为是这样),尤其是页头代码,以上代码直接插入图片如果图片过大会覆盖编辑按扭,那样可就麻烦大了。

我的尝试:

在公告里添加代码。

大背景的方法就是上面所用的方法,以下是页头背景banner,和页面下背景container修改办法

第一步:查找源文件

每个人都有自己的源程序文件,在自己的主页页面空白处右键—查看源文件,便可以找到记事本方式记录的源文件

第二步:查看背景设置子程序

在源文件里找到调用子程序的程序地址,找到这样一句话:<link href="http://blogteam.bokee.com/pub/template/800/21/98/index.css" rel="stylesheet" type="text/css" />

然后打开里面的兰色地址文件。

第三步:分别找到#pageHeader{……}和#container {……}代码段,并将其复制到记事本或者写字板上准备编辑,修改办法:

当我们要添加自己的背景图片的时候只需通过编辑把原来的图片去掉然后把相应部分的背景色改为透明,这样才能使自己添加的大背景图片得到详尽的显示,所以下面编辑就是为了实现这个目的。当然,这不是唯一的办法。

整个程序应该在<STYLE>与</STYLE>之间,先粘帖上面的原代码,然后做相应的修改。修改后:


文章地址: