博客评论区域:一个论坛癖的改造经历

软硬天师   评论

常来逛的同学都知道,我是一个论坛癖,好不容易开了个博客,还非得挂个论坛,其实也不指望大伙去论坛讨论,只是这样就舒服了。然后呢,装了文本滚卷条,这不才消停1天,又折腾开了博客的评论区域。七七八八一通弄成下面这个样子。

commentsforumsample.png

要改起来也很简单。

1. 找到commment.php的commment loop里有<li></li>的样子的,就是你的评论作者,时间,和评论内容本身。一般情况下,这些都是自上而下顺序排列了,先拆成左右两格(我CSS横向列表用的不熟就用的table),会点html table语法的都知道怎么弄了,我就不多啰唆了。还是送佛送到西把,就是这样,<table><tr><td>作者名字,日期时间</td><td>评论内容</td></tr></table>

2. 然后把“日期时间”围起来,这里说一个html里不常用的tag: fieldset,用法是
<fieldset><legend>发帖时间:</legend>原php显示时间的语句</fieldset>, legend标签里写小标题,fieldset把真正的内容围起来。

3. 名字前加头像,我用的是gravatar 2插件,好处是没头像的访客,系统会随机显示一个,水煮鱼那里有一篇:WordPress 头像插件:Gravatars2 讲的很详细了,自己去看吧。

4. 最后是调色,靠模板的基色,白色,和调低对比度的基色勾勒出略有凹凸感分割线。就好了。

因为逆历史之潮流没用CSS(我有罪 :wink: ),所以风格都在源码里,喜欢的同学直接看页面源码就是了。

怕麻烦的同学,这里介绍个现成的插件可以用:Sexy Comments WordPress Plugin,由BorkWeb的Matt制作,效果图如下(另一个demo站):

sexycomments.jpg

有兴趣的可以试一下,欢迎交流。 :smile:

相关日志

5条评论 to “博客评论区域:一个论坛癖的改造经历”

  1. Gravatar Roader

    很不错哎,赞一个~ :razz:

  2. Gravatar fisio

    gravatar 真是个好东西~
    不过建议是不是把高度减少一点儿?毕竟评论字数一般不多,又没有qmd…呵呵

  3. Gravatar 央街浪子

    haha,这样划分开了,就能在评论里挂广告了啊,所以需要一个最低高度而不是随评论内容高低的高度。左侧面板的高度是对于一两句话的评论是高了点,不过IE下面看起来还行。而且右面的空间将来也有用:)

  4. Gravatar 偶爱偶家

    改造的很不错

  5. Gravatar hao

    hao

发布评论

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS 登录
This blog is protected by Dave's Spam Karma 2: 6691 Spams eaten and counting...