分享

给你的评论框添加提示语和背景图片

 共同成长888 2015-04-19

给你的评论框添加提示语和背景图片

看到很多童鞋的评论框很有个性,像什么“元芳,你怎么看?”、“你的评论是我最大的动力”、“一针见血”等等。

话说目前正在使用的主题自带背景图片功能,但还是捣鼓一下,做网站就是为了捣鼓嘛!

一、添加评论框提示语,看到评论框是显示,点击之后消失。

在你主题的文件夹下的comments.php文件里搜索:

<textarea

在这个标签里添加一个属性和值,如:

原来:<textarea name="comment" id="comment" tabindex="4" cols="50" rows="5"></textarea>(因主题而异,所以我让你搜的“<textarea”)

改为:<textarea name="comment" id="comment" tabindex="4" cols="50" rows="5" onblur="if(this.value == ''){this.value = '留言是一种美德,既然来了就说点什么吧?';}" onfocus="if(this.value == '留言是一种美德,既然来了就说点什么吧?') {this.value = '';}"></textarea>

这样就ok了,简单吧?

二,添加评论框背景图片。

首先自己PS一张图片,大小自定。不要太大,会影响加载速度。比如我的是300x32的。

上传到主题的images文件夹下,修改主题的style.css文件关于textarea的代码,如我的:

#comment {background:#fff url(images/comment.gif) no-repeat center;}

这样就ok了,你也来试试吧?

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约