wordpress评论框中添加提示文字或圖片

 

添加文字

我想很多朋友应该见过,在一些WordPress博客的评论狂中会有一段提示问题,就像一些站点的搜索框中的提示文字那样,当鼠标点击时会自动消失,就像本站的评论框这样,来看一下如何实现的吧!

方法很简单,在主题目录的comments.php中找到这段代码:

 [ccein_html][/ccein_html]

將以上代码修改为

[ccein_html][/ccein_html]

如果你不想让评论框中的文字是灰色的,可以把这句去掉:

[ccein_html]style=”color:gray”[/ccein_html]

这样,当你鼠标点击评论框时提示文字就自动消失了!

添加圖片

是否觉得你的WordPress评论框太单调呢?前面有说到给WordPress评论框添加提示文字,这里再来看看给WordPress评论框添加背景图片吧!

 

效果图:

 

 

 

 

 

 

方法:

找到主题目录的comment.php文件,一般评论框都是用textarea代码来控制,那么就看textarea文本区域对应的CSS样式表ID是多少,一般为comment,这样我们就到主题样式表style.css里找到#comment代码,类似于这样的:

#comment {width:645px;}

我们将其修以下代码

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

自己把代码中的图片修改一下即可,

相关解释:

width:是定义评论框的宽度;

background-image:url(图片地址),这里的图片可以绝对地址,也可以是相对地址,相对地址是相对style.css文件的,我就是用的相对地址。

background-repeat:no-repeat; 定义图片是不是重复;

background-position:right bottom; 定义图片对齐方式,这里是向右、底对齐。