注    册
密　码 忘记密码
保存密码         取消
注    册
密　码 忘记密码
保存密码         取消

我的日志

如何修改博客标题背景图片(转载推荐)

分类:博客技巧
2007.7.13 15:05 作者：小丫头 | 评论：1 | 阅读：0
 
 

使用后效果可以查看：→鹰震天空间特别说明：背景图片最好先上传到“图片”里面，再鼠标左键双击你选择的图片，就会单独看到此图片的网页；接着，鼠标右键在图片上单击，点击“属性”，就会出现“地址（URL）：”，其后面出现的地址就是背景图片地址。这样，可以确保标题背景和博客同步显示。

方法一、从公告栏里面实现

感谢 →chanterlee提供！

首先感谢 自由的空间 提供的代码经验！

您的博客您的个性！

博客网提供了几十种网页模块，虽然方便了大家，但是通篇一例的模板总是让我们博客缺少个性。下面就一起来实现如何修改博客标题的背景图。

步骤：将下面代码复制到您的公告栏内  

<STYLE>#pageHeader{

background-color: 颜色代码;
background-image: url(背景图链接地址);
background-repeat: no-repeat;
}</STYLE>

注意：使用过程中有可能会出现没有任何效果的情况，只要在这个代码前后添加一些字符或者其它代码就可以了。

代码注解：

颜色代码：可以参考 颜色代码表大全。它是当图片没有全部覆盖标题的时候显示的颜色。您也可以不用。

背景图链接地址：为您的背景图片文件链接，修改为你所要显示的背景图片链接地址。图片大小最好为 760*236 像素，以完全替换标题背景。

no-repeat：表示图片不平铺，平铺改为repeat。

为了方便博友，兹特制作了一些背景图供各博友引用： 

背景图片地址： http://chanterlee.bokee.com/photo/view.fcgi?id=3827458&mode=0

背景图片地址：http://chanterlee.bokee.com/photo/view.fcgi?id=3827457&mode=0

背景图片地址：http://chanterlee.bokee.com/photo/view.fcgi?id=3827456&mode=0

背景图片地址：http://chanterlee.bokee.com/photo/view.fcgi?id=3827455&mode=0

 

背景图片地址：http://chanterlee.bokee.com/photo/view.fcgi?id=3827358&mode=0

背景图片地址：http://chanterlee.bokee.com/photo/view.fcgi?id=3827357&mode=0

 

背景图片地址：http://ziyouren88.bokee.com/photo/view.fcgi?mode=3&id=3839824

http://chanterlee.bokee.com/photo/view.fcgi?id=3827356&mode=0

 

背景图片地址：http://chanterlee.bokee.com/photo/view.fcgi?id=3827355&mode=0

背景图片地址：http://chanterlee.bokee.com/photo/view.fcgi?id=3827354&mode=0

更多背景图有待添加中，请随时关注……

 方法二、从日志里面实现

原始代码：

<STYLE>#pageHeader{

background-color: 颜色代码;
background-image: url(背景图链接地址);
background-repeat: no-repeat;
}</STYLE>

步骤：

1、在原始代码前面和后面分别加上"标题"“图片”二字，并且把颜色代码、背景图链接地址、no-repeat代换为代换后的代码：

标题<STYLE>#pageHeader{

background-color: #6699FF;
background-image: url(http://chanterlee.bokee.com/photo/view.fcgi?id=3827357&mode=0;
background-repeat: no-repeat;
}</STYLE>图片

2.点击打开以下网页“在线HTML编辑器”，打开网页后

首先点击：“ 查看HTML源代码”前面的框（就是打上对钩），

其次把代换后的代码放到“在线HTML编辑器”面面去，

再次点击：“ 查看HTML源代码”前面的框（就是去掉对钩），

就会得到：标题图片四个字（特别说明：此时只能看到标题图片四个字）

3.复制“在线HTML编辑器”里面的标题图片到日志里面发布即可！注意浏览的时候按ctrl+F5就可以看到效果，不要忘记按ctrl+F5。

  
博客网版权所有

你可以通过这个链接引用该篇文章:http://lihy527.bokee.com/viewdiary.16229467.html

            在博客首页添加视频... 上一篇 | 下一篇 博客挂件1

我的广告

我的搜索

文章评论

添加评论

已有1位对此文章感兴趣的网友发表了看法　【点击查看】
昵  称：  主  页： (选填)
验证码： 

定制广告

相关服务

关于博客 关于博客网 用户帮助 产品展示 频道推荐 热点与排行
什么是博客? 本站介绍 用户注册 博客搜索 美女博客 今日焦点文章
博客研究 历史 服务条款 投稿 明星博客 热门图片
web2.0论坛 博客搜索 客服电话 博客群 情侣 热点博客排行
方兴东观察 联系我们 产品公告 博客联播 宝宝秀 精彩专题
互联网实验室 投稿 博客教程 邮箱 娱乐 火爆视频
博客公社 招聘 技巧论坛 博客金行 博客奥运 分类群组
  主编热线 不良信息反馈 BT下载 名家专栏  
  广告服务   图片博客 许愿墙  
  导航   播客 投稿器