wordpress博客评论框添加背景图片

说到博客评论框中的背景图片，大家肯定会想起卢松松的评论中让人记忆深刻的那句话“我坚信 评论可以一针见血”。一直也想给宋夏博客的评论框加个背景，今天在绍兴小杜的博客中找到相关教程，大致调整了一下就应用上了。

1、首先用PS弄个自己喜欢的图片（470*170），个人倾向于文字形式，直观且印象深刻。上传并记录图片地址。

2、找到你所用主题的评论文件comment.php，评论框是用textarea代码来控制，并且textarea文本区域对应的CSS样式表ID为comment，打开style.css里找到#comment，这就是定义评论框的样式的。我原本的主题里是没有进行定义的，添加后完整代码如下：

#comment {width:470px;background-image:url(图片地址);background-repeat:no-repeat;background-position:right bottom;}

图片不要比评论的文本区域还大，现在的颜色貌似太鲜艳了，感觉有点喧宾夺主，放些日子再修改吧~

» 转载请注明来源：宋夏博客 » 《wordpress博客评论框添加背景图片》
» 原文首发地址：http://www.isongxia.com/comment-add-background-picture.html

发表于：2010年06月18日
标签： | 分类：wordpress
« »

50条评论
我要评论▼

  1. 陌凡 说道：
    2012年01月20日 18:51

    呵呵，这个不错，学习哈

    回复
  2. 长春建网站公司 说道：
    2011年12月13日 19:57

    原来背景是这样设置的啊

    回复
  3. lele 说道：
    2011年08月10日 11:01

    学习了~大家都有头像啊

    回复
  4. 动漫系 说道：
    2011年07月7日 20:04

    oh no 研究了这么久 不知道为什么搞不好……图片就不显示

    回复
  5. 动漫系 说道：
    2011年07月7日 17:04

    借鉴了~互联网就是分享的时代嘛~我回去也弄个 :grin:

    回复
  6. 昭通网站优化 说道：
    2011年06月18日 16:50

    试用一下先！感谢分享！

    回复
  7. 天堂鸟 说道：
    2011年05月14日 09:23

    谢谢分享，学习了

    回复
  8. Yemade 说道：
    2011年05月6日 10:51

    welcome to our store for buy the best weight loss pills.

    回复
  9. 网络赚钱方法 说道：
    2011年04月10日 00:52

    来学习了 刚刚建立了一个新站想美化一下 谢谢宋夏姐姐分享 希望能多多指点

    回复
  10. 番茄 说道：
    2011年03月19日 01:06

    看来又得折腾一下我的博客了，希望我能做出这种效果。

    回复
  11. Jauia 说道：
    2011年02月16日 15:08

    嘿嘿，自己做个…

    回复
  12. 蓝莓绿茶 说道：
    2010年12月28日 14:16

    很好很好~谢谢分享

    回复
  13. merror 说道：
    2010年08月10日 15:19

    按照你的方法 做了，成功了，谢了哈。

    回复
  14. junofeeng 说道：
    2010年08月5日 00:37

    不错。改天也搞一个。哈哈、

    回复
  15. only博客 说道：
    2010年07月15日 14:59

    这个方法不错
    以前我就是按照这个方法弄好了
    今天一个朋友问起，我就过来找了下这篇文章，还在
    感谢宋夏姐姐分享~~ :wink:

    回复
  16. 煮茶老头 说道：
    2010年07月10日 12:53

    收藏了！！！

    回复
  17. yesure-admin 说道：
    2010年06月26日 15:13

    好文章 我的博客就是参照这个教程做的，非常不错 :mrgreen: :mrgreen: :mrgreen: :mrgreen:

    回复
  18. seoguess 说道：
    2010年06月21日 21:56

    加一个感觉看过去舒服很多，容易让人有评论的欲望～ :mrgreen:

    回复
  19. 小羿 说道：
    2010年06月21日 15:15

    还好还好，我也有打算加上软件街的logo上去

    回复
  20. 左岸读书 说道：
    2010年06月20日 16:36

    淡淡的，挺好！我原来的太显眼，去掉了。

    回复
  21. 小杜博客 说道：
    2010年06月18日 13:11

    嗯，淡一点好还是

    回复
  22. 减肥食谱 说道：
    2010年06月18日 13:08

    只要添加图即可，不用修改其他什么的吧，比如回复插件什么的？ :?:

    回复
  23. 小杜博客 说道：
    2010年06月18日 11:57

    嗯，我也改过的，哈哈

    回复
  24. 疾风 说道：
    2010年06月18日 11:55

    俺觉得图片应该在淡一点~·· :mrgreen:

    回复
  25. dunce 说道：
    2010年06月18日 11:53

    找到答案了。。快删

    回复
  26. 礼物114 说道：
    2010年06月18日 10:02

    路过！~~~ :mrgreen:

    回复
  27. 万戈 说道：
    2010年06月18日 09:05

    这个是标志性的，我也有用

    回复
  28. 诫色和尚 说道：
    2010年06月18日 08:59

    好啊…这样一来评论的人就多了…

    回复
  29. 扯远了 说道：
    2010年06月18日 08:59

    不错不错，很有个性。

    回复
  30. ifenwen 说道：
    2010年06月18日 07:46

    不错 不错 有机会自己也搞一个

    回复

发表评论

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:
苏ICP备10111270号 网站地图