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

Apr 18th Sun, 2010/JiaJieChan/折腾/2,434 阅读/5 评论

 

 以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以内。

声明: 本文采用 BY-NC-SA 协议进行许可. 转载请出示版权信息.
  1. Jun 25th, 2011 at 07:03 / #Url

    感谢教程! 12:)

  2. Sep 25th, 2010 at 19:23 / #Url

    @AndyBear, 我的Chrome 版本好先进

  3. Sep 25th, 2010 at 19:22 / #Url

    不错,试试去

  4. Apr 18th, 2010 at 20:26 / #Url

    我也去试试

  1. 八月 25th, 2010上午31 11:26 / #1
支持使用Gravatar头像

JiaJieChan提醒您: 要回复某人的评论,请将鼠标移动到那条评论,评论右边就会出现Replay字样(一定是要鼠标指针中的评论),在评论框中出现的的后面下一行填写评论提交即可.被回复者将收到邮件通知噢; 要是想直接对本文评论请直接在评论框留言即可,然后点提交.