教你如何制作个性化的标题栏
演示图片:
编辑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是上面空的高度 |