现在的位置: 首页 > 互联网络 > WP相关 > 互联网络 > 正文

个性化 WordPress 评论框

2010-06-08 17:59 WP相关, 互联网络 ⁄ 共 546字 ⁄ 字号 评论 2 条

 本篇简单介绍下对评论框的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;
}

  其中,以下一行代码就是评论框背景的关键所在:

background:#F6F6F6 url(/images/comment-bg.gif) no-repeat scroll center center;

  每个模板的评论框的选择器可能都不相同,但是原理都是一样的,这个可以通过Firebug查出,最后,have fun!

http://wange.im/diy-wordpress-comment-form.html

目前有 2 条留言    访客:0 条, 博主:2 条


  1. 管理员
    明镜 2010年08月10日 3:38 下午  @回复  Δ1楼 回复

    网站估价:http://www.293.net/ ,http://www.websiteoutlook.com


  2. 管理员
    明镜 2010年08月10日 3:56 下午  @回复  Δ2楼 回复

    美化 WordPress 之日历样式:http://wange.im/wordpress-landscaping-style-of-the-calendar.html

给我留言

留言无头像?