给WP评论框添加背景图片
2010-04-01
两天的时间，终于看完了“零之使魔”，很不错的动画，轻松加搞笑，能给人带来不错的心情，推荐看一下～ （左图预览）
不说废话，书归正传，说说给WP评论框添加背景图片的方法，算是自己的一个存档，同时也方便想要这么做的朋友。
进入主题编辑，找到样式表 (style.css)，打开它，使用Ctrl+F找到#comment字样，这里是控制评论框的地方，我现在使用的是inove，其他主题应该也是大同小异的，源代码如下：
为了美观，这里加一句废话，请无视。- -|||
#comment {width:601px;}
可以看出这里控制的评论框的宽度，在里面加入一段代码，即可为评论框添加背景图片，修改后的代码如下：
#comment {width:601px;background-image:url(comment-bg.JPG);background-repeat:no-repeat;background-position:right bottom;}
既然添加图片，那么肯定是要有图片的，注意上面的代码comment-bg.JPG为图片的名称，这个可以任意修改，只要和你上传的一致即可，不然是不会显示的。
文件路径：
background-image:url(comment-bg.JPG)这里说明的是图片所在位置，这里使用相对路径也可以使用绝对路径，我是用的是相对路径，图片放在主题文件夹中，和style.css是同级，所以直接写上文件名即可。
其他代码：
background-repeat:no-repeat; 定义图片是不是重复，此为不重复，这个类似于设置桌面中的“平铺”。
background-position:right bottom; 定义图片对齐方式，这里是向右（right）、底（bottom）对齐。
至于背景图片的制作，我是用的Photoshop，当然直接从网上找个也是不错的，要注意的是图片的大小最好不要大于评论框，如果图片过大的话，我也不知道会怎么样，有兴趣的话可以试试看。
最后，看一下我做的背景图吧（其实就是几个字），不知道感觉如何，欢迎点评～
收藏，改天去试下。
zblog没用过，原理应该差不多吧
dong 
哈哈 这个真没货。