本篇简单介绍下对评论框的DIY。你是否已经看厌倦了光秃秃白板一块的留言评论框呢?可以说这是通用模板的通病,所以我给评论框加了一个Logo的背景,效果可以看我的留言框。方法很简单,只要给评论框的CSS加个background属性就行了,效果却很明显。
例如,我的评论框CSS:
#commentform textarea {
font:120% Arial, Helvetica, sans-serif;
width:97%;
height:140px;
border:solid 1px #ccc;
background:#F6F6F6 url(/images/comment-bg.gif) no-repeat scroll center center;
overflow:hidden;
padding:2px 5px;
}
font:120% Arial, Helvetica, sans-serif;
width:97%;
height:140px;
border:solid 1px #ccc;
background:#F6F6F6 url(/images/comment-bg.gif) no-repeat scroll center center;
overflow:hidden;
padding:2px 5px;
}
其中,以下一行代码就是评论框背景的关键所在:
background:#F6F6F6 url(/images/comment-bg.gif) no-repeat scroll center center;
每个模板的评论框的选择器可能都不相同,但是原理都是一样的,这个可以通过Firebug查出,最后,have fun!
管理员 明镜: 2010年08月10日 3:38 下午 Δ1楼
网站估价:http://www.293.net/ ,http://www.websiteoutlook.com
管理员 明镜: 2010年08月10日 3:56 下午 Δ2楼
美化 WordPress 之日历样式:http://wange.im/wordpress-landscaping-style-of-the-calendar.html