2007年6月22日

改造Bo-Blog的评论框

个人比较欣赏WordPress简洁的评论框,一直对Bo-Blog的评论框界面耿耿于怀。今天终于对评论框下手了,默认隐藏评论框的UBB代码区域和表情区域,改成复选框选中的时候才显示,还调节了评论框各个部件的位置。目前只修改了Almost Spring模板的评论框,看看下面的效果,是不是要简洁很多。

另外,还参照WP的原版Almost Spring进行了若干修正,重写了日历式样等等。前几天去了WP官方网站才知道Almost Spring主题在WP里面的知名度,越来越喜欢这个主题了,确实经典!

简单说一下使用方法,需要修改element.php文件的评论发表框代码段($elements['form_reply'])。

先给表情区域的DIV加上一个id:
<div id="emotid" class="formbox-comment-smilies" style="display: none;">{emots}</div>


再给控制表情显示的复选框添加一个onclick行为,用于控制emotid的打开关闭:
<input name="stat_emot" id="stat_emot" type="checkbox" value="0" onclick="showhidediv('emotid')" /> {$lnc[244]}&nbsp;


UBB修改道理同上,略过。

预览点击这里

7 条评论:

匿名 说...

的确清爽多了,关注一下,新版发布么?

匿名 说...

这样子蛮清爽,不用每次都看到一堆堆的表情了
可惜,我不会改造我的模版阿

匿名 说...

哈哈,如此经典的模板,自然很多人喜欢:)

匿名 说...

如果要的人多,就发布好了。你留个mail吧,喜欢就发给你。

匿名 说...

谢谢你了
sinlim@gmail.com
我现在就是用的这个风格,没更新的版本:)

匿名 说...

有一点小问题:
IE7下截图
http://photo6.hexun.com/p/2007/0624/106982/b_29DE6DF40BF908210098425A45D0F0D0.jpg

匿名 说...

滚动连接 和评论框怎么弄????????????