绍兴小杜's BLOG

以前看到卢松松博客里的评论框也有背景图片，很是好看，他博客的人气也是有目共睹的，最近都没去看他，惭愧啊～

为你的wordpress评论框添加个性背景图片

一直也想自己给博客评论框弄的好看点，至少也会单调，弄出点个性还是不错滴，看到菠萝筐大哥很早就弄上了这个背景图片，不过他现在换了个主题，以前也是用和我一样的inove主题。

他的方法很简单，就简单的几个步骤，你肯定会的，下面是具体做法：

找到你所用风格的评论所在文件，我用的也是M12的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;}

下面对以上代码简单介绍：

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

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

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

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

之后你做个图片上传到你的空间，图片地址要和设置地址一致，建议图片宽度不要大于文本区域宽度，高度在200以内。我做的图是590*100px的，不过你要根据自己的主题评论框大小制作图片。

还有我发现用gif输出的图片质量很低，不过小点的页面打开快点，也就罢了，凑合着用吧～