博客主题评论部分修改
本来在上次折腾之后,打算等上 3.0 之后再弄的。不过这段时期朋友们共享了一些不错的技巧,我也心动了。
这回拿主题评论模板开刀,优化了样式,解决了存在已久的嵌套问题,并添加了一些小功能。
评论功能是 Blogger 之间、以及访问者互动的重要手段,是必须重视的。
和往常一样,做个总结手记,也分析那些让大家受益的技巧。
[......]
继续阅读:博客主题评论部分修改
本来在上次折腾之后,打算等上 3.0 之后再弄的。不过这段时期朋友们共享了一些不错的技巧,我也心动了。
这回拿主题评论模板开刀,优化了样式,解决了存在已久的嵌套问题,并添加了一些小功能。
评论功能是 Blogger 之间、以及访问者互动的重要手段,是必须重视的。
和往常一样,做个总结手记,也分析那些让大家受益的技巧。
[......]
继续阅读:博客主题评论部分修改
➡ ➡ ➡ 沙发
@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)嘛
很不错啊,我喜欢这些笑脸 😀