给WP博客添加评论框背景

  • 5
  • 2,561 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

      不错不错~~~

      • avatar foolcode 5

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

        • avatar 奚少 0

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

          • avatar foolman 5

            @老姚
            是啊~ linux才是王道

            • avatar 老姚 4

              运行wordpress还是得linux主机啊。