以iNove风格为例,评论文件就是comment.php,打开此文件,发现评论框是用textarea代码来控制,并且textarea文本区域对应的CSS样式表ID为comment,这样我们就到主题样式表style.css里找到#comment代码,这个就是定义评论框的样式的,我们发现原来的代码为:
#comment {width:601px;}
改这个代码来实现给评论框添加上背景图片,修改完的代码如下:
#comment {width:601px;background-image:url(img/comment-bg.gif);background-repeat:no-repeat;background-position:right bottom;}
代码解释:
[caption id="attachment_249" align="alignright" width="374" caption="WP评论框添加漂亮的图片背景"][/caption]
width:是定义评论框的宽度;
background-image:url(图片地址:这里的图片可以绝对地址,也可以是相对地址,相对地址是相对style.css文件。
background-repeat:no-repeat:定义图片是不是重复;
background-position:right bottom:定义图片对齐方式,这里是向右、底对齐。
之后你做个图片上传到你的空间,图片地址要和设置地址一致,建议图片宽度不要大于文本区域宽度,高度在200以内。
5 comments
感谢教程! 12:)
不错,试试去
@AndyBear, 我的Chrome 版本好先进
[...] 来源:http://blog.jiajieit.net/2010/04/248.html 家庭劝世文二 [...]
我也去试试