存档

文章标签 ‘漂亮’

给WP评论框添加漂亮的图片背景

Apr 18th Sun, 2010/JiaJieChan/折腾/2,508 阅读/4 comments

 

 以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;}

代码解释: 

WP评论框添加漂亮的图片背景

WP评论框添加漂亮的图片背景

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

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

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

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

   之后你做个图片上传到你的空间,图片地址要和设置地址一致,建议图片宽度不要大于文本区域宽度,高度在200以内。