淘娃娃导购 | 设为首页 | 加入收藏 |网站地图
当前位置:首页 > 百度空间 > 正文

教你如何制作个性化的标题栏

作者: 时间:2008-03-02 来自: 收藏本文 点击: 评论:

演示图片:


编辑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是上面空的高度

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

网友评论: 查看全部条评论

发表评论:
用户名:密码:验证码:匿名:
关于hi我酷-帮助(?)-免责声明-广告服务-联系我们-企业服务-网站地图
Copyright © 2008 - 2009 hiwoku.com Inc. 备案:豫ICP备08000296号
客服百度hi号码:hiwoku     百度hi群:1094683  百度hi群②:1083132
hi我酷网 版权所有