给WP博客添加评论框背景

  • 5
  • 2,725 views
  • A+
所属分类：[网站建设]

    最近一直花心思在博客的优化上，很遗憾的是伪静态又一次的失败了，但是还是要感觉haibor等人的热情帮忙，win2003系统下的wordpress还是不够完美，我虽然终于选择暂时还是放弃，等下次有新的规则或技术支持再做尝试。

    我发现了左邻右舍们的评论框都比较好看，贼心又起，在百度上一番搜索后，发现是通过CSS来实现的。在style.css里面加入

#comment  {
background-image:url(images/comment-bg.gif);
background-repeat:no-repeat;
background-position:center  top;
}

就可以实现。

代码解释：

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

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

background-position:center top——定义图片对齐方式，此处是居中、顶对齐。

之后你做个图片上传到你的空间，图片地址要和设置地址一致，建议图片宽度不要大于文本区域宽度。如本博的图片大小为：325px × 125px，小于默认的评论框大小，效果请看留言板及评论框。

     最后，给自己的博客也做了一个升级，大家有时间多给我评论哈~

历史上的今天
七月
9
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
广告也精彩
avatar
广告也精彩

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论：5   其中：访客  5   博主  0

    • avatar suN 1
      回复 2012年01月29日 11:10 上午  5楼

      不错不错~~~

      • avatar foolcode 5
        回复 2011年07月16日 8:31 下午  4楼

        @奚少
        哈~被发现了,图片是去小孙他们的网站偷的.风格要统一.

        • avatar 奚少 0
          回复 2011年07月16日 4:23 下午  地板

          哈哈，貌似和小孙的一样哦~

          • avatar foolman 5
            回复 2011年07月11日 1:19 上午  板凳

            @老姚
            是啊~ linux才是王道

            • avatar 老姚 4
              回复 2011年07月10日 10:00 下午  沙发

              运行wordpress还是得linux主机啊。