WordPress评论框中添加提示文字

站点为了应付垃圾，不得不关闭了发布已超过15天的文章评论。为了用户的友好型，稍微折腾了一下站点，Wordpress评论框中添加提示文字：“我坚信，评论可以一针见血！”，就像一些站点的搜索框中的提示文字那样，当鼠标点击时会自动消失，具体效果大家可以看评论效果！

添加提示文字步骤：

在主题目录的comments.php中找到这段代码：

[cpp]<textarea name=”comment” id=”comment” cols=”60″ rows=”10″ tabindex=”4″></textarea>[/cpp]

改成如下代码：

[cpp]<textarea style=”color:gray” onblur=”if (this.value == ”) {this.value = ‘我坚信，评论可以一针见血！’;} ” onfocus=”if (this.value == ‘我坚信，评论可以一针见血！’) {this.value = ”;}” name=”comment” id=”comment” cols=”60″ rows=”10″ tabindex=”4″>我坚信，评论可以一针见血！</textarea>[/cpp]

添加提示图片步骤：

到主题样式表style.css里找到#comment代码，这个就是定义评论框的样式的：

[cpp]#comment {width:645px;}[/cpp]

改为如下代码(建议图片宽度不要大于文本区域宽度)：

[cpp]#comment {width:645px;background-image:url(img/comment-bg.gif);background-repeat:no-repeat;background-position:right bottom;}[/cpp]