我想大多数用Wordpress的站长都用别人设计好的通用主题模板,很少一部分既有才又有空的牛人才会定制属于自己的个性化主题。通用主题最大的优势当然就是通用啦,谁套用都行,这也就是通用主题的最大缺点,没有个性化。我现在用的是zEUS设计的主题,很漂亮,但是物以稀为贵嘛,用的人多了就没意思。我虽没才,但很有空,所以在保留原主题版权的前提下我对该主题小小的DIY了一下。
本篇简单介绍下对评论框的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!
-
Wordpress 访客信息输入框美化2009年07月7日 -
Wordpress 自定义顶部图像2011年01月29日 -
正式向 DIV+CSS 进军2010年01月27日 -
回调函数个性化 Wordpress 评论样式2010年01月16日