A-A+

WordPress评论框中添加提示文字

2013年05月18日 wordpress 评论 3 条 阅读 39 次

站点为了应付垃圾,不得不关闭了发布已超过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]

标签:

3 条留言  访客:3 条  博主:0 条

  1. 野蛮人

    问题是我的主题。comments.php文件里面没有这东西。

    • IToday

      如果木有就直接添加到最后面
      #comment {background-image:url(images/commentbg.png);background-repeat:no-repeat;background-position:center;}

  2. 生活点滴

    哈哈,我输入验证码了!

给我留言

Copyright © C/C++程序员之家 保留所有权利.   Theme  Ality 浙ICP备15011757号-3

用户登录