博客主题评论部分修改
又开始折腾 WordPress 了～
本来在上次折腾之后，打算等上 3.0 之后再弄的。不过这段时期朋友们共享了一些不错的技巧，我也心动了。
这回拿主题评论模板开刀，优化了样式，解决了存在已久的嵌套问题，并添加了一些小功能。
评论功能是 Blogger 之间、以及访问者互动的重要手段，是必须重视的。
和往常一样，做个总结手记，也分析那些让大家受益的技巧。
[......]
继续阅读：博客主题评论部分修改
Leave a Reply to 琉雅
-
-
-
14uvqk
lxtqnd
7vnt4d
ek4alt
6ldvhx
oqchzy
➡ ➡ ➡ 沙发
@Vicia 评论样式真漂亮，看起来很舒服。那个input characters太好玩了。 ➡
不过刚发现头像的阴影在四个角上显得淡了些，要是和边上一样浓就更好看了。
@Vicia 恩，下次把阴影加深
那我就板凳吧
@流年 嘿嘿 来测试回复
@7cbt 嗯，你的博客ping得通，但好像连不上呢
@流年 现在恢复了。
@7cbt 呵呵，我都杀过去又杀回来了
@流年
无限杀。 哎 我觉得他这个评论下的 You inPut 0 characters 可以去掉。因为没什么用
@7cbt 是实时改变的，只是可能JS失效了而已。现在正常
我来抢地板~ 测试下修改好后的效果
这些我都打算折腾上去的说。
@winy 你wp折腾得真好
折腾无极限，哈哈
我是用的4.0的FF 奇怪了，总是显示3.6.3
@久酷
要不要看看Useragent的內容？
搞不好還是3.6.3~ 😛
@久酷
test
@久酷 奇怪了。
FF 4.0b1显示正常，4.2我还没下呢
@jhangyu 的确很多测试版的ua没有改正
@A.shun
Opera出來10.70啦？ 💡
趕緊下下去~
@jhangyu 上上周出来的，不过oslo那边放暑假了，暂时没更新。
我到现在还没找到一款满意的主题呢!哎!
@chonghua 你用的那个da风格就不错了
改了好多啊 😐 我的评论还是用的插件，不用插件顺序就乱套了，不知道怎么回事。
我的浏览器下头像没有阴影 ❓ …
@fblue 我以前去掉插件，改成无限嵌套，也有部分评论乱了。
狠下心来。
可能是忘记加webkit的hack吧，暂时不管了
@A.shun
嗯，我打算按以前那样用自带嵌套+Ajax comments，以前的看的那个博客收藏夹找不到了。。 😡 大体效果和你的一样。
还有最近收不到回复邮件了。。。 ❓
@fblue 😐 不会吧，没有邮件回复是大事情我测试下
@A.shun
❗ 还是没有收到，难道是我邮箱的问题。。我用自己的测试可以收到。。晕
@fblue 奇怪了- -。我自己能收到抄送，再找几个人测试下
那个计数的方法不错，我也要加上去
这个阴影做的真好看~
@掌柜的马甲 那是，css3威武啊。
除了不支持IE，一切完美
陰影效果很漂亮，你這主題功能多多卻不影響樸素風格，真是折騰得好
@Carrie css3 真不错 😳 。
朴素和强大两手都要抓～
@A.shun 沒錯，CSS 3 真的很棒，不過在 IE 裏就是個大杯具 😛
@Carrie 恩。
IE的话我一般都是无视之，只要做到基本能看即可。
@A.shun 哈哈～跟我一樣耶 😀
反正看不到效果他們會問，我就會說你怎麼還在用 IE ？哈 😎
@Carrie 嗯嗯。
还有就是用 IE 条件注释在顶部加了“建议使用其他浏览器”的文字提示。没有用强硬的方法呢。
睡觉去了～ 😳
改的不错，很好看。
一片firefox啊…… ❗
@shannon_lee Blogger 中用FF的始终是大多数
@A.shun
opera一枝獨秀 😛
不過 點擊reply的時候 感覺頁面跳動異常劇烈……咋回事？
@shannon_lee 你这么说我才注意到，滚动的确有点异常，不那么平滑了- –
有空来排除下原因 ❗
可惜我用的是z-blog，折腾不了强悍的wp啊
@许哥儿个人博客 珍爱生命，远离折腾
评论去往下拖动的时候 浏览器会变得很卡
@Louis Han 向下滚的时候会执行jquery.lazyload，开始下载之前被延迟载入的图片。
js执行+并发请求多，FF和IE就卡了，木有办法。
你博客的这些细节性功能简直太帅啦，我以后也要用到我的博客去
A.SHUN很会折腾细节啊！
@zivlamp 细节很重要。
不过我这主题还有N多细节问题呢，头痛 – –
嗯。。对。。用了延迟加载，对于大图还好，。。这些小头像加起来也不过十来KB，也延迟加载，向下拖动时需要浏览器处理很大的js计算。。会变得很卡
引用功能的那段js代码用了JavaScript的命名空间写法，应该不会和其它js代码产生变量、函数名等的冲突的呀。。 ❓
@QiQBoY 不只是大图。小图标虽然加起来只有几十k，但请求数多，所以用延迟载入的方法来提高页面加载速度嘛。
Opera情绪稳定～
@QiQBoY 我是js盲，可能表达不好。
之前按照教程折腾，点击引用后，能引用内容到评论框，但一瞬间就被点回复后出现的那串覆盖掉了- –
@A.shun 这个是因为你的@回复功能用的jQuery代码对事件监听处理部分做的不好导致的。。。你点击quote也会触发@回复功能。。 😀
我也很想折腾折腾下啊
A酱威武
@yy的番茄酱 捏捏番茄酱 😛
评论像一个真正的楼层啦。 👿
@Hailo 回复别人的留言，字数包括了那些代码；还有提交后字数统计没有清空？
@Hailo 这下子盖楼更有感觉了 😀
我是js盲，那个代码只是放着好看- –
关于折腾WP主题,我想你都快可以出书了““` 😀
@whitmine 我都是照着朋友们分享的方法来折腾的。。小白而已 😳
神啊
确实异常华丽
但是下拉滚动条的时候好像有些卡的感觉。
@园子 浏览器问题。
我倒是觉得往下滚，小图片一下子刷出来的感觉真好 😳
评论内容突出了，很好看啊。
不过感觉quote没必要，因为不是那种没有嵌套的主题~~
@阿修 有时候评论内容丰富长，说明问题的时候需要嘛。
放着没啥代价～
阴影样式比较好看
做得太好看啦~ 😀 😀
尤其是陰影和圓角效果~
不過似乎搜尋框在Chrome上看起來有點怪，
要不要改一下呢？
@jhangyu 呀，内阴影——圆角在chrome下不正常，我忘记去掉了，待会折腾。
谢谢提醒
我去改评论样式去的
反应慢了，页面向下滚动的时候很慢，有些卡
引用个看看
不朴素才区分开嘛~~哈哈
有时间，我也来加工一下，不能总是一成不变。
@左岸读书 你的内容为王嘛，主题朴素
挺好的！
有下载吗？
@秦大少
IE8在這兒看起來特別突兀….
引用的时候感觉和评论总体的效果不协调……
@Vicia 评论样式是zsofa默认的，还没折腾
感觉好像阴影效果用的有些太多了 👿
@lovee 哈哈，我还打算用更多呢 😀
@lovee
陰影挺好的啊~
整体看上去还不错
在Firefox下的效果真的很拽很漂亮啊！
好帅啊 折腾个翻页ajax吧 😯
@章鱼 好像winy弄过了，下次看看
@A.shun 原来你的是右对齐，那N层之后是什么样子。
@LAONB 我原来的 ❓ 不是太清楚了，以前的文章有截图。
不过N层之后肯定显得拥挤，要注意布局。
👿 可以看到我的好多隐私啊！
@风云春秋博客 ua信息算什么隐私
哈哈，我以为是头像图片添加 opacity 属性呢~
改成这样蛮好的，确实比较华丽了
@夏影残雪 头像加上这个就显得太淡。
输入框的阴影挺漂亮的 像Safari的风格
😮 收藏了~！
这些小改善都很好吖~
琢磨着怎么用到自己的blog上~哈哈~
你博客主题最喜欢的还是其色调，还有h2标签的样式 😀
@mealdy 那个标签颜色主要是用于改善排版
我特意加宽了评论布局，打算来个N层嵌套，可是用系统默认主题的评论模板，没找到修改哪里。 ❗
@LAONB 一般都在 comments.php 或者 functions.php 里面吧。
修改的非常美观，嘿嘿，我那个修改的太难看了
@麦子 我觉得你那也挺好嘛
我刚才留言怎么跑到404页面了？！
哇，这个评论列表样式太好看了，非技术狂表示难以做到。
[ 小牆判斷這是Spam! ] ❗
@元胜 这个，偶尔有误判的，已经放出了了
这些功能都挺实用的，你这款主题真是越来越精致了。
华丽的下半身 😀
@zwwooooo 好YD的赞美
很炫的评论模式啊
哈哈，看来我得好好处理下下半身的问题了
问一个问题啊，我照你的方法加载了lazyload后，在google浏览器会报错，firefox在内页的时候没有效果呢
好了我知道为什么报错了，仔细一看你的代码少写了一个”>”,不过我的内页还是没有效果
@junjun 少了个”>”，是我粗心了，惭愧啊 ❗
文章页无效是因为路径问题，你定义的是
src="jquery.lazyload.js"这样首页的路径就正确，但文章页则变成
日志url/jquery.lazyload.js
你把
src="jquery.lazyload.js"改成
src="http://www.wjunjun.com/jquery.lazyload.js"即可
你这个评论的弄得有点漂亮啊， 😮
@junjun 谢谢夸奖 😳
嗯，挺好看的。
我就添加一个插件 就懒得动了呵呵。
哇！效果太美了~~wow~ ⊙o⊙我还上镜头了~ 😎 😎 😎
其实更期待修改的方法~代码什么的~Ohohoho…..
@Bee君 每一段都给出了相应方法的链接 😆
样式的话就是圆角+阴影（box-shadow）嘛
很不错啊，我喜欢这些笑脸 😀