百度空间 | 百度首页 
 
查看文章
 
教你如何制作个性化的标题栏
2006-07-30 14:53

效果演示地址: http://hi.baidu.com/1077

演示图片:


编辑CSS自定义模板,

找到#m_blog div.tit 行,你会看到有三个#m_blog div.tit 行,

把前两个分别替换为

#m_blog div.tit{color:#8A3506;font-size:14px;font-weight:bold;background:url(http://hiphotos.baidu.com/space163/pic/item/accc3dc75b69dddcd100603c.jpg) no-repeat top left;text-indent: 22px;height:70px;line-height:75px}

#m_blog div.tit a{color:#8A3506;font-size:14px;font-weight:bold;background:url(http://hiphotos.baidu.com/space163/pic/item/accc3dc75b69dddcd100603c.jpg) no-repeat top left;text-indent: 22px;height:70px;line-height:75px}

其中http://hiphotos.baidu.com/space163/pic/item/accc3dc75b69dddcd100603c.jpg 是你需要的标题背景,改成你想要的图片地址就好了。

text-indent: 22px是标题左边缩进值
height:70px 是背景所占用的高度,根据你的背景图片的高度设置
line-height:75px是上面空的高度

点击进入标题栏背景图片素材库


类别:百度空间模板篇 | 添加到搜藏 | 浏览() | 评论 (214)
 
最近读者:
 
网友评论:
1
2006-08-01 08:29 | 回复
谢谢
 
2
2006-08-02 03:37 | 回复
天呐~~你真是了不起~~ 你真的是都匀的吗?
 
3
2006-08-02 04:03 | 回复
对不起~~我刚刚犯了一个严重的错误~~我错把我的IP看成是你的了~~~抱歉!
 
4
2006-08-02 09:39 | 回复
赫赫,没有关系啊
 
5
2006-08-03 14:16 | 回复
呵呵~谢谢,已经弄好了
 
6
2006-08-03 15:28 | 回复
還有沒有其他的呢... 呵呵... 我比較貪心... 比較喜歡粉紅的~~~
 
7
2006-08-03 15:29 | 回复
對.. 還有一個問題... 是不是這樣改暸以后... 每個標題都隻能是一樣的呢?~~
 
8
2006-08-03 15:50 | 回复
最下面不是有个素材的链接嘛。 你去那里看看应该有你喜欢的图片。粉红的不少呢。 改了之后,每个标题都是这样的背景的。
 
9
2006-08-04 16:39 | 回复
完全不懂
 
10
2006-08-04 16:40 | 回复
我笨啊~~不是怪你~~你那么聪明~~
 
11
2006-08-04 22:05 | 回复
很好呐~~谢谢拉!!
 
12
2006-08-04 22:24 | 回复
我为什么弄上去的图是重影啊 是哪出的问题啊
 
13
2006-08-05 22:45 | 回复
哇!真是太感謝啦!我好喜歡啊!呵呵!
 
14
2006-08-06 08:34 | 回复
厉害啊
 
15
2006-08-06 15:02 | 回复
为什么我的标题图片只显示一半,我是按照你说的方法更改的啊! 请赐教,谢谢了!
 
16
2006-08-07 19:10 | 回复
太好了.
 
17
2006-08-08 00:00 | 回复
非常好,谢谢你
 
18
2006-08-08 12:02 | 回复
很不错啊!!!顶!
 
19
2006-08-10 22:25 | 回复
只换一个就行了 不然会变成重影滴~~
 
20
2006-08-11 01:08 | 回复
太谢谢了!
 
21
2006-08-11 19:50 | 回复
我拿走一个,谢谢了!
 
22
2006-08-12 01:18 | 回复
先谢谢你,标题栏做好了,漂亮,可是有个小问题,标题栏上的标题文字,为何在被一次点击之后就没有颜色了呢?实在不明白,还请赐教,谢谢 http://hi.baidu.com/安乐窝/blog
 
23
2006-08-12 02:11 | 回复
做标题的那篇文里有点问题捏 第二个#m_blog div.tit a{color如果不把a和a前面的空格去掉会出现重影 楼大再开篇帖纠正一下吧~不然很困扰啊~~ 刚从纠结中出来的某只上
 
24
2006-08-12 13:57 | 回复
谢谢了
 
25
2006-08-12 15:28 | 回复
谢了
 
26
2006-08-14 11:39 | 回复
谢谢你
 
27
2006-08-14 14:07 | 回复
哇~万分感谢!!!
 
28
2006-08-14 17:40 | 回复
雪中送炭
 
29
2006-08-15 10:54 | 回复
不会啊,我太笨了
 
30
2006-08-16 10:57 | 回复
弄好啦 哈哈哈哈 好漂亮呢 可以加我连接吗? http://hi.baidu.com/shitourock
 
31
2006-08-18 09:21 | 回复
如何换其他的样式呢?我喜欢每一个标题的花样都不同
 
32
2006-08-19 17:32 | 回复
真好!~谢谢!~
 
33
2006-08-20 13:18 | 回复
谢谢,我会常来的.已经加了你的友情链接.
 
34
2006-08-21 15:59 | 回复
请问弄好了以后为什么只有一半呢?就像是在中间切掉了一半,怎样才能使它全部显现出来呢?谢谢
 
35
2006-08-21 16:11 | 回复
太谢谢拉~~ 这里有好多素材啊!!
 
36
2006-08-21 20:48 | 回复
好用的东东~~~QQQ~~
 
37
2006-08-22 10:01 | 回复
谢谢你偶!呵呵
 
38
2006-08-22 14:40 | 回复
很好用,谢咯!
 
39
2006-08-23 10:56 | 回复
搞定,哈哈,谢谢楼主
 
40
2006-08-23 18:42 | 回复
呵呵..谢谢了
 
41
2006-08-25 10:55 | 回复
太好用了~~!
 
42
2006-08-25 15:18 | 回复
谢谢昂
 
43
2006-08-26 22:15 | 回复
为什么左边老是重着的???
 
44
2006-08-26 22:52 | 回复
谢谢!
 
45
2006-08-27 13:14 | 回复
爲什麽 只有一半呀
 
46
2006-08-28 12:32 | 回复
谢谢,弄好了,好漂亮啊
 
47
2006-08-28 12:46 | 回复
你好!很高兴进入你们空间,真是高手,要好好学习请教。 我按照要求替换了css,但发表文章仍不能显示个性化标题不知何故?求助!
 
48
2006-08-28 14:27 | 回复
很漂亮啊,谢谢
 
49
2006-08-28 16:51 | 回复
特别感谢!
 
50
2006-08-28 19:51 | 回复
我的为什么不显示呢
 
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码: 请点击后输入四位验证码,字母不区分大小写
      

     

©2009 Baidu