为期一个月地《喜迎小站二周年，评论有奖活动》完满落幕啦，掌声起～（再不结束都得疯！）

不办不知道一办吓N跳，那评论数哟，蹭蹭蹭往上涨，无比感谢小张同志免费提供的经得住考验坚挺无比的主机！掌声起～～（话说小张XJJ？嘿，谁说的，谁说的！）

活动开始前几天也是连续调整主题模板，如：统一读者墙评论数的统计时间与活动时间统一，让评论排行实时显示；开启无限嵌套，让童鞋无后顾之忧，尽情言欢；回复邮件通知改用“自主勾选”，以防部分童鞋邮箱被曝；精简AJAX评论提交JS，加速留言等等等等。感谢@hzlzh、@zww、@万戈、@阿邙第一时间的技术支持！掌声起～～

当然，最最要感谢的就是在这一个月来无比积极无比热心、一点点积极一点点热心、毫不积极毫不热心或只到小站留过一条评论或一条都没留过却无声路过的童鞋们，我真诚的隆重的严肃的深刻的无比激动的有点蛋疼的，感谢你们，感谢你们对小站的支持，感谢你们对本人的认可！起～（什么起？我勒个区，你（吡——）啊！）

O了，也就不再累述我这无以言表的鸡冻之情了，以下是——当当当当，当，当当当，当，当当当……（再当就看不到结果了！）

沙银前三是：winy（1 2 3 4 5 6 7 8 9 10），小闇（1 2 3 4 5 6 7 8 9），方丈（1 2）；

水银前三是：小闇，winy，blueandhack。

他们将获得的奖励是：

沙银前三：分别获得￥30、￥20、￥10；以及分别获得mini手电、随身农场、按键灯。

水银前三：分别获得￥30、￥20、￥10；以及分别获得mini手电、随身农场、按键灯。

各位也看到了，小闇和winy这俩银太猛烈，都是双料的，所以小小整理综合下就是：

winy童鞋将得到的奖励是：￥30+￥20=￥50，mini手电+随身农场；

小闇童鞋将得到的奖励是：￥30+￥20=￥50，mini手电+随身农场；

方丈童鞋将得到的奖励是：￥10，按键灯；

blueandhack童鞋将得到的奖励是：￥10，按键灯；

请以上四位童鞋把你们的：支付宝账户、邮寄地址、邮编、姓名、联系电话，发送至fivemu#gmail.com（#替换为@）。

注意：如果没有支付宝，或者不方便接收礼物，请在邮件中说明。

说明：没有支付宝，这个RMB可以让我帮你充值手机话费，或者其他什么同价值的网络业务，也可以在暖暖为你再挑一件同价值礼物；如果不方便接收礼物，那我会很欣喜的替你接收礼物的。如果没有支付宝也不方便接受礼物，那我会更欣喜更欣喜的统统我替你收了，然后独立写一篇表彰文表以崇高的敬意！

O了，最后还是感谢暖暖美女店长的极力支持，感谢万分；最最后还是感谢各位童鞋的参与，感谢万万分！

主题基于WordPress3.0，支持自定义导航菜单，嵌套评论分页，预设所有小工具样式，侧边栏首页文章页和其他页分离；兼容至IE7，推荐使用支持CSS3属性的浏览器获得最佳效果。

全新原创情侣主题Default-Love：售价￥184，无优惠无打折～

客户享受后期免费更新，售后包括主题安装，样式细节调整等等，当然一些关于WP的小知识也提供解答。

再次感谢各位童鞋的支持！如有兴趣购买可加QQ：41548682；

在线预览地址：http://demo.immmmm.com/

（大图请前往：http://imoo.in/1q）

PS：184谐音一辈子。

要实现的效果也很明确：自动获取对象列表中第一个元素的宽度，然后列表整体向左平移，再把第一个元素绑定到列表最后去；可以再加个鼠标移到列表上停止平移，移开则恢复。

在线demo：http://immmmm.com/demo/scrollbox/

HTML结构代码：

<div id="scrollbox">
	<ul>
		<li><img src="1.jpg" alt=""></li>
		<li><img src="2.jpg" alt=""></li>
		<li><img src="3.jpg" alt=""></li>
		<li><img src="4.jpg" alt=""></li>
	</ul>
</div>

CSS控制代码：

#scrollbox{width:500px;height:240px;position:relative;overflow:hidden;margin:0 auto;border:1px solid #000;}
#scrollbox ul {width:900px;height:280px;position:absolute;padding:10px 0;}
#scrollbox li {float:left;position:relative;margin:0 10px;border:1px solid #000;}

jQuery核心代码：

function scrollBox(){
	var first = $('#scrollbox ul li:first');
	var width = -(first.outerWidth(true)) + 'px';
	$('#scrollbox ul').animate({left:width},{
		duration:200,
		complete:function(){
			$('#scrollbox ul').append(first).css("left","0");
		}
	});
};
$(document).ready(function(){
	myScroll = setInterval(scrollBox,1500);
	$('#scrollbox').hover(function(){
		clearInterval(myScroll);
	},function(){
		myScroll = setInterval(scrollBox,1500);
	}
);
})

天气太热，思路混乱，就不解释代码涵义了～不懂的查看相关手册吧。

至上篇文章沙发前三分别为：winy （8个）/ 小闇 （4个）/ 方丈（2个）；鼓掌～～

还有似飘若舞、blueandhack、snowxh、风逐蓝天都有1个。

评论数嘛，看文章末实时排行吧，头三即是；鼓掌～～

这二十天来感谢各位童鞋的支持，是你们让小站人气直线上升，万分感谢！在最后十天里，前打个预防针，纯表情无意义或恶意刷评论数者，不二话直接封邮箱（评论数以邮箱地址为标识统计的）。

最最后，号角响起：

来吧来吧，最后十天的攻坚战已经打响！

全功能全特效版原价￥198，前十位客户对折优惠仅￥99！

同时各客户可享受一次免费的后续新功能新特效添加，并提供简单的WP知识解答。

另：两人组队购买两份主题，仅需付一份的钱！

先感谢各位童鞋一直以来的支持！

有意着可加Q：41548682

在线预览地址：http://demo.immmmm.com/

PS：关于主题这价其实已经很低了，毕竟包括了一些售后，这都是需要大量大量的时间的！

主题基于WordPress3.0，浏览器兼容至IE7，推荐使用chrome浏览以获取最佳体验（顺便FUCK一下IE全家，擦擦Microsoft）！

主要特色：

1.头部底部导航栏都可在后台自定义导航菜单分别设置；

2.首页、文章页及其它页面侧边栏分离，可在后台小工具分别设置，CSS已预设所有小工具的样式；

3.内置文章列表分页功能，且与评论分页样式统一；

4.理论上实现评论无限嵌套，预设为1000层，并有主楼层和子楼层标识；

感谢 http://www.jiuxuan.org/blog/ 博主提供在线演示～

下载：SimpleDashed （2010-08-28 21:41更新）

2010-08-24更新：感谢@king童鞋提醒，以修复page.php内评论div为comments；

2010-08-24再次更新：修复404页面错位问题；

2010-08-25更新：修复文章列表导航在IE下可能出现的错位；

2010-08-28更新：修正IE6下首页主体左右边框消失的问题；

相关截图：

后话有几句：

1.主题整理得仓促BUG在所难免，希望得到各位童鞋积极反馈，万分感谢；

2.整理不易，CSS每一行纯手工，主题框架重构多次，希望不要下载安装后的第一件事就是去掉页脚唯一的主题链接；

3.此为纯CSS版本，无一张图一句JS代码，如真有较多童鞋需要添加，准备做个JS加强包，稍微卖几块饮料钱。

此文也是算一个其中衍生出的效果，就是为了更清晰的显示出楼层的级数关系，一眼就能看出是回复谁的。添加特效前得在《在WP主评论加上楼层号》，及在子评论也加上楼层数：

<?php if( $depth > 1){printf('B%1$s', $depth-1);} ?>

代码自行放在functions.php自定义回调评论里，啥含义看代码猜猜呗～（我表示也是瞎改胡乱测试出来的）

现很直观得在评论右上角能看到楼层显示了，主评论是“L几”，子评论是“B几”，接下来添加jQuery特效代码：

//点击楼层数伸缩此评论子评论特效 By ImMmMm.com
$("#comments .commentmetadata span").click(function(){ //点击事件的介入点
	var bb = $(this).parent().parent().parent().parent().children().children('.children'); //晕了吧，我解释什么了，反正主题不同这儿肯定也不同。主要是取得点击的楼层的子评论集合
	if($(bb).is(':visible')){$(bb).slideUp('1500'); //如果子评论显示则收起
	}else{$(bb).slideDown('1500');}; //反之，即子评论已收起，则伸展
	$body.animate( { scrollTop: $(this).offset().top - 200}, 900); //点击楼层的页面滑动事件
});

其实，以上这段jQuery代码没什么通用性，各位童鞋看个思路吧……

其实，这个效果娱乐性大于实用性，如果你想考验下浏览器的话可以挑个高评论的文章，点击楼层数试试……

22:41补充：考虑到现在的浏览器的性能，用稍微弱一点的特效代码，只对点击楼层数的子评论进行伸缩：

$("#comments .commentmetadata span").toggle(function(){
	$(this).parent().parent().next().slideUp('1500');
	},function(){
	$(this).parent().parent().next().slideDown('1500');
});

功能要，那怎样展示出来好些呢？

在《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照片不在手边，周日晚可以拿到，到时挑一些给大家看看呗～

WP默认嵌套评论最大深度是8层，可在特殊情况下，比如小站昨天开启了《喜迎小站二周年，评论有奖活动》，好多淫表示套不够用了，这个问题很是严重，大大打击了各位淫的兴头。

经过努力，郑重呼喊：小站套已充足，淫们尽情吧！

代码折腾正文，分三大步走：

一、增大嵌套层数

在comments.php评论回调函数添加“&max_depth=10000”，即嵌套层数改为10000

<?php wp_list_comments('type=comment&callback=mytheme_comment&max_depth=10000'); ?>

二、样式控制代码

以防嵌套多了后缩进太多，评论太挤，我们要做的就是一定层数后不缩进，使其看上去并列显示。

在functions.php内回调评论函数内找到类似：

<li <?php comment_class(); ?> id="comment-<?php comment_ID() ?>">

修改成下句代码，其中9和margin-left，共同控制使9层以后不缩进。

<li <?php comment_class('clearfix'); ?><?php if( $depth > 9){ echo ' style="margin-left:-35px;"';} ?> id="comment-<?php comment_ID() ?>" >

完成一、二两步后，无限嵌套已经是很正常使用了，有个问题也随之出现，9层以后的都是并列按照层次显示，这时就分不清哪条是回复哪条的了。解决方案很简单：

三、添加”回复”输入框自动增加”@用户名”

此功能依旧使用强大的jQuery，以下代码已改进，只在某层数之后才添加。

//某层数之后，点击回复输入框自动添加"@用户名" By ImMmMm.com
$('.depth-8').children('.children').find('.reply').click(function(){ //class=".depth-8"子元素class=".children"下的class=".reply"的点击事件，注意：模板不同HTML结构可能不同，需调整！
	var rid= $(this).parent().attr("id"); //取得所回复的评论id，可能需要调整！
	var rna= $(this).next().text(); //取得所回复的评论用户名，可能需要调整！
	$("#comment").attr("value","<a href='#"+rid+"'>@"+rna+"</a> ").focus(); //在输入框添加"@用户名"和链接
});
$('#cancel-comment-reply-link').click(function() {
		$("#comment").attr("value",''); //点击取消回复时清空输入框
});

至此，搞定，收工！

道路是曲折艰辛的，前途是无限美好的。感谢各位童鞋一如既往的支持，所有的数据统计都是浮云，目前唯一在意的就是和童鞋们评论交流，所以我就用这些浮云带来的收入，来个分享分享，庆祝庆祝，热闹热闹～

活动时间：本文发布之刻——2010-08-31 24：00

活动奖项：

1.沙银：3名，活动期间沙发数最多的前3人，将分别获得￥30、￥20、￥10；

2.水银：3名，活动期间评论数最多的前3人，将分别获得￥30、￥20、￥10；

活动说明：活动结束后，会通知获奖的银，通过支付宝直接支付，活动的一切解释权归林木木所有！ ^ ^

炎热的夏天，用你们的热情，来这杀吧啥吧，水吧水吧！

友情小提示：

1.FO微博抢沙发是王道！

2.评论巧用双击：想回复哪条评论就双击哪条评论，提交后页面刷新前双击可以再修改。

2010-08-01 22:04补充：感谢@hzlzh、@zww、@万戈强力技术协助，日志末的读者墙的评论的统计时间与活动时间统一，就是说这个时间段内评论排行实时显示，水得更猛烈些吧！

2010-08-02 13:21补充：感谢@阿邙童鞋的《WordPress嵌套评论之无限嵌套之补遗》，已启用；另，改用回复邮件通知改用“自主勾选”，对今早之前的评论回复对方不会收到邮件通知。

2010-08-06 17:21补充：感谢@hzlzh童鞋的《精简wordpress评论[再编辑]及相关功能》，已启用；不勾选邮件回复留言的速度绝对是扛扛地！