现在的位置: 首页[博客日记]>正文
给WP博客添加评论框背景
2011年07月09日 [博客日记] 评论数 5

    最近一直花心思在博客的优化上,很遗憾的是伪静态又一次的失败了,但是还是要感觉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,小于默认的评论框大小,效果请看留言板及评论框。

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

目前有 5 条留言 其中:访客:5 条, 博主:0 条

  1. suN : 2012年01月29日11:10:28  1楼 @回复 回复

    不错不错~~~

  2. foolcode : 2011年07月16日20:31:35  2楼 @回复 回复

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

  3. 奚少 : 2011年07月16日16:23:08  3楼 @回复 回复

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

  4. foolman : 2011年07月11日01:19:26  4楼 @回复 回复

    @老姚
    是啊~ linux才是王道

  5. 老姚 : 2011年07月10日22:00:11  5楼 @回复 回复

    运行wordpress还是得linux主机啊。

给我留言

留言无头像?


×
腾讯微博