为配合小站开展的活动,没想太多就折腾上了无限嵌套评论,喜欢有之不喜欢亦有之。个人觉得这个功能绝对是有必要的,评论交流到一半由于嵌套层数限制而断掉,这是多么让人扫兴啊!
功能要,那怎样展示出来好些呢?
在《WordPress无限嵌套评论的那些事儿》中,通过PHP判断在一定层数后CSS添加样式使子回复不再缩进,简单避免了无限嵌套带来的无限缩进问题;如此处理后随之带来不缩进评论部分分不清谁回复谁的问题,再以jQuery处理对不缩进层数的评论回复添加“@用户名”。
经过以上处理后,还是相对完美解决了无限嵌套带来的一些问题。这次是由@winy童鞋提醒,并改进获得一个PHP函数:
<?php echo ' style="margin-left: ' . ceil(30/sqrt($depth)) . 'px; "'; ?>
“除以(楼层数开平方)再取整,第一层回复 30px, 第四层 15px, 到第 25 层,margin-left 就只有 6px 了。”(via)
如此一来,评论缩进不再是硬生生的折线,而是完美的弧线啦~而且,只要有缩进,jQuery添加“@用户名”的功能也可省去,一举两得!
—————疲—————惫—————的—————割—————线—————
345号到舟山的嵊泗拥抱大海去了,本说那边有网线的,所以出发带上了本本,也没在这儿说明一个。到那后发现那艹蛋的电信ADSL竟然封了路由,只允许同时一台电脑上网,而且用路由还不断断线,所以……
拍的几G照片不在手边,周日晚可以拿到,到时挑一些给大家看看呗~

??有人嗎
沙发+1~记录
好吧,你能拿双份
不敢當
必须是双份
我很有鴨梨
哈哈,我是过来看看的
偶,过来看看~
没有限制,那就无情地往下面刷试试
今天來排隊形吧
我真的是SF嗎
假的
你才是假的
拖出去
你說這話太慢了
問題: 為什麼新文在推特發了6分鐘都沒人來搶,我懷疑是一個佈局……”
同问~
双层弧线比较好看,再试试
是的,非常优美~
这个主题,折腾的很棒啊
自己重构过得,折腾起来也是得心应手啊~
好吧,趁著文囧+閒得蛋痛,來體驗一下嵌套的弧線~
闇MM你蛋疼?Are you sure?
嗯,我心靈上蛋痛……
好了,今天水到500怎樣!
是說我前幾天要準備升學問題都沒空來水呀,某位第二名的小生都水得1XX了,我這兒杯具個……
我期待看木木拍的大海耶
那兒好玩嗎?我想應該是觀光團的
再來一個嵌套怎樣
@小闇,+2
真瘋狂
再加一层
嘿嘿,再加一层试试效果了
再加一层~
我也来加,我就不信还能往下
继续!
回复一次还要刷新,郁闷
我都不知道说什么了,但是我觉得会无限不下去的
谁来完成我的大业?我先闪了,免得小木把我评论都删了
现在设置的是100层,你这层才18~
再看建一層樓看效果~
不行,还得继续啊!
框框越来越小,挤在一起很不爽!
越来越不爽!
不搞了,闪了
奋力加到100层~
再来~~~~
接着弄~
加加楼~
越来越小拉~
接着试试~
好小好小~
越来越叽歪~
我也觉的不爽了~
这个是多少条了??我要突破极限~
接着盖楼~
好小好小~~~首部鸟~
wow,笑啊~
我在帮忙测试~
我在思考~100层是什么样的?
现在的表情都变了~如果字数多的话~我来试试~
这个是壮观的盖楼~
真的很费事~
现在的表情都没了~~~
经过测试到这个楼层时所有的东西都看不见~等于盲打~
盲打中~
马上留言就看不见了~
木木~这个你要怎么解决呢~
我真的是闲的蛋疼~
别人看不见我的留言~
这个楼层~~隐藏的~HOHO
继续测试一下~~HOHO
那么快就解决了……
左边的竖线好恐怖!!!
要的就是这种气势~
到这里好卡,我真怀疑我的留言还能不能发出去。。
呵呵,貌似主机快顶不住了……
不会的~我决定~这个一定要到100~
来了~就来了~
主機要堅挺!
大家奋斗吧
别再发毫无意义纯表情的回复了!警告+1
@林木木 我在吃冰棒的时候用的鼠标……没办法打字……呜呜~我错了~我是好孩子~
浏览器表示压力很大。。
我表示很轻松~
明天去上海就玩不了这个了~
继续玩玩~
那顶你
多少层了
我来接力
继续下去,争取上100!!
===========这里是75左右,标记下========================
嗯~好象是34层楼~~继续加~到100
嗯~~继续加楼~
加加喽~~
层数数错了
要是到了上限楼层就无法回复了吧?
我觉得每日可以过来加一层,一天盖好靠一个人太辛苦了
再盖再盖
我们要和木木说~我们要加套~
加套~~
盖起来~
保持队形~
我表示~这个用起来很舒服~
盖高楼盖高楼~~啦啦
盖起来~~~
这里是木木博客一道靓丽的风景~
准备逼近极限~
真帅气~
没人协助我~
应该加个警告,楼太高
机器破的淫不要进来,
破的淫不要进来,
淫不要进来,
不要进来,
进来,
来
到极限还远得很
嗯~~好差很多~
继续加油~
留言框越来越小了~
怎么不缩进了?
好像到极限了
再看看~~
有缩进把~
这是83楼,准确吧
有一点~~微乎其微~~
85楼,迈进!1
86楼,继续,快到了
不知道哦~木木这里不显示楼数~
加油~
88楼,我知道,看源码,这个数字好,^_^
呃~我插件还没写完~我堕落了~
在这里刷楼~
@blueandhack 加油~
@blueandhack 你有啥插件,看看去
汗,看错了,打岔没记准,上面是85楼
@winy 木木是不是在修改代码?
@blueandhack 似乎不缩进了~
@blueandhack 加油~奋力盖楼~
@blueandhack 的确~木木在改代码~
@blueandhack 已经到极限了吗?
@winy 这是92层,应该没错啊
@winy 我要100层整数
@winy 谁都别和我抢。。
@winy 就到100楼了
@winy 快到了吗?
@blueandhack 我的浏览器表示压力很大~
@blueandhack 继续加油吧~
@blueandhack 还差几层
@winy 浏览器有点卡了~
@winy 是男人就下100层!!!
@winy 加油呦
@winy 再给力点就快到了,无限只是神话
@winy 嗯嗯~那个游戏我玩过的~
@blueandhack 你的楼层好像是分开计数的
@winy 继续盖,应该到了吧
@winy 就这层,!!
@blueandhack 留言框终于变小了~
@blueandhack 超过100了
行为艺术…
@blueandhack 这是第几层呢?
@blueandhack 105左右吧
@blueandhack 看来木木加的套子~
你們都很瘋狂,直接蓋章
好美的抛物线啊
身為3樓樓主我安慰了TAT
这个长度让我蛋疼……
同蛋痛中……blueandhack桑的水太強大了
你在说谁……嘿嘿~
非常非常的大啊
有空就来加一层
难怪那么水
再来加盖,没新文
順著某淫來加蓋……
今天的新文被我抢沙发了……嘿嘿
我才是真的SF, 文章被緩存了~
来晚了,继续盖楼
每日一层
每日很多很多層
你又在水。。
我太閒了嘛= 3 =
我是有事儿不想做
忘了加蓋
加就加
每日一層~FF表示蛋痛
那肯定要加的
好,再加~
加把加吧
好的,再加
今天沒淫水這兒
打造博客界第一高楼

3楼已过100层,立此留念
@winy 我也要留念~
@winy, 休息一会,晚上再来盖
@winy, 我去弄我的wordpress去~明天去上海~就盖不了了~~
从这个地方开始~别人看不见我的留言喽!
太壮观了~
哥 你太强了
好壮观!太壮观了
壮观?那我也参与下
++1
+++1
见你们灌的水都字数好少。不知道多打向个字,这栋楼会变得怎么样。这条线应该不那么优雅了吧。测试测试。见你们灌的水都字数好少。不知道多打向个字,这栋楼会变得怎么样。这条线应该不那么优雅了吧。测试测试。
测试吗,应该这样
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
好吧,太长了。。
你勒个去!
罵得好!
(你別在煽風點火
恩,天天海鲜,天天和大海亲密接触~
海鮮……不太喜歡呢
为了阵型
你是第四者
同期待PP
慢慢来,不着急
好吧,这个真可以。。。
弧线果然好看了好多哇 ~
winy有才啊 ~ hoho ^O^ ~
再插一下
试试效果滴看看,确实很赛
打乱弧线试试~
现在变成什么样呢..
还是桌面客户端稳定,浏览器附加的没弹出新消息,悲剧了= =
+1不過我家的更新有點慢…
真是…折腾无止境啊
大家想折騰的東西都太多了
有好的还是会心动折腾上的~
我等小博··无限的暂时没用·呼呼
默认8层也差不多……
在折腾,没来及看文。。
看一句代码就可以了,其余是凑字的……
結論:我不知道Winy在回覆哪個評論……
在本地调整评论样式……
呵呵,发现已经晚了~
还好呀,8L~
非常的晚了…
才9樓嘛,不晚
我ka。。缩进还是S曲线。。
舞弄风骚~~
开始因为是圆弧呢,原来不是……
原来是拐来拐去的弧啊……
这是对不同楼层的回复造成的~
人气好旺呀。
天气热的有一部分关系~
这个好,马上去改造,准备一周年,嚯嚯~
我做个前锋,你就有个参考了~
这必须得有地~
你们 的博客都挺好看的,可惜自己不会弄,只能用别人的。
慢慢来~还不都是用别人主题过来的嘛
之前也看过老肥的那个 后来测试中感觉 如果在嵌套中有人插一杠子的话会乱乱的 就没用这个
恩,加了个左边框来对齐,暂且就这样了~
木木超喜欢虚线的
为了符合这个主题整体风格撒~
這太漂亮了,誰回覆誰也一目了然呢
憋死脑袋幸苦还是想出来了……
辛苦了
竖线= =.加了个这
恩~再一点点细调~
可不可以设置一个统一的格式个children,让子评论缩进都一样……我只是突然想到这个问题
当然可以,zww那不是就这样嘛?
我记得他那边是嵌套两层,下面的全是模拟出来的
文中提到的margin-left直接改成0~
呃……为什么要讨论这个问题来着
可是..即使是弧线的,感觉还是有些乱
好多了,将且这样了~
我用的是你原来那个,这个我那个主题用上不好看
现在这个样式上得做些处理~
似乎前面不显示@了~
恩,有缩进就不用这个功能了嘛~字体是 Comic Sans MS
木木~你的站用的是什么字体?
中文用雅黑,英文用comic sans MS
字体控。。。
现在不会被挤死了。。。
恩,改进还是明显的~
哇,楼上好多层的嵌套啊~
恩,用来观赏的~
这个嵌套总是很壮观
能激发大家交流的欲望撒~
看着你的无限嵌套很是雄伟啊
左侧的导航缩小窗口只显示一半,请问有好方法处理吗?
可以放到主体和侧边栏中间来~
这场面。好壮观那…
恩哈~继续偷乐~
能在海边玩真不错
是啊,城市里都是灰~
感觉无限评论不是很重要。
除了让我的电脑卡来卡去暂时没发现别的好处。
8层不够用这个还是得解决的~
WP Thread Comment貌似能随便设置,不过我只设置了7层,
那是插件,不是原生的WP嵌套评论……
blueandhack先生你水得厲害,MM要向你跪拜了(看著3樓)
已经警告他了~
呃~我不灌了~~~
~~~~~
那些虛線密密麻麻的都頭暈了@_@” (真的)(再看著3樓)
减少了一半……
去掉偶数层的虚线了
感觉还不错~
木木~这个是一道靓丽的风景线~~~
赞叹吧~~
表示鸭梨很大……
我猜流量用了快2G了吧
才1.7而已~
不好,,好像变形溢出了..
有吗?
貌似S型评论就无限了…..
已经设置成1000层楼……
恩哈~是第!
这套嵌的,真强!winy,小闇和blueandhack真凶猛
不 這幾天水得少了
非常的凶,猛~
会的会的、、、、总要向你学习学习
学习是为了超越,努力吧~
我还得看看自己有没这个潜质、、、、一般的话我都不会这么轻易超越别人的、、因为我要留有一手
我头像也用上了缩小,每下一层减小一点
恩,能下到几层?
我嵌套少,最多六层就不会再变小了
这个页面在Firefox下已经错位了 嗯
没看出,那错位了……除了页面长点外
好威武的弧线。。完美
弧線太帥了
只差5條!!
我也快了
充分的见识了测试是怎样进行的。
就是这么测试中折腾出来的~
这篇的评论为什么这么特别。。
得问上面的童鞋~
太强大了。
超级水军在此汇聚呢~