wordpress读者墙血条版-感谢无冷大湿
分类:折腾日期:2011-06-21 - 19:53:02作者:老谢
参考地址:http://icold.me/readerswall-blood/
今天把读者墙折腾出来了,演示http://www.xj123.info/readerswall
感谢@无冷大湿
css部分如下:
#readerswall li{width:40px;height:46px;margin:0 10px 10px 0;padding:5px; float:left;list-style:none;border: 1px solid #DFDFDF; -moz-border-radius:2px;-khtml-border-radius: 2px; -webkit-border-radius: 2px;border-radius: 2px;} #readerswall img{width:40px;height:40px;display:block;} #readerswall .active-bg{width:40px;height:2px;_font-size:0;margin-top:5px;background:#DFDFDF; } #readerswall .active-degree{background:#08c;width:40px;height:2px;_font-size:0;} |
页面模板代码:
<?php $query="SELECT COUNT(comment_ID) AS cnt, comment_author, comment_author_url, comment_author_email FROM (SELECT * FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->posts.ID=$wpdb->comments.comment_post_ID) WHERE comment_date > date_sub( NOW(), INTERVAL 24 MONTH ) AND user_id='0' AND comment_author_email != '这里填admin的email,不显示该email的头像' AND post_password='' AND comment_approved='1' AND comment_type='') AS tempcmt GROUP BY comment_author_email ORDER BY cnt DESC LIMIT 40";//最后的这个40是选取多少个头像,我一次让它显示40个。 $wall = $wpdb->get_results($query); $maxNum = $wall[0]->cnt; foreach ($wall as $comment) { $width = round(40 / ($maxNum / $comment->cnt),2);//这个40是我设置头像的宽度,和下面&size=40里的40一个概念,如果你头像宽度32,这里就是32了。 if( $comment->comment_author_url ) $url = $comment->comment_author_url; else $url="#"; $tmp = "<li title='".$comment->comment_author." (".$comment->cnt."次重要讲话)' num='".$comment->cnt."'><a href='".$comment->comment_author_url."' target='_blank'><img src='http://www.gravatar.com/avatar.php?gravatar_id=".md5($comment->comment_author_email)."&size=40&d=identicon&r=G' alt='" . $comment->comment_author . " (". $comment->cnt . "层楼)' /></a><div class='active-bg'><div class='active-degree' style='width:".$width."px'></div></li>"; $output .= $tmp; } $output = "<div id='readerswall'><h2>Most Active Friends</h2><ul class='gavaimg'>".$output."</ul></div>"; echo $output ; ?> |
把页面模板上传到主题目录,然后建立一个页面,选择上传的模板
大功告成了,看看效果吧
偶不是沙发,偶不要板凳
我擦。。。被你抢了
无冷大湿MJJ,把JS版和PHP版都搞出来了~
@罗伊 血条版很好,哈哈
收了
沙发了,这个读者墙,可惜了我不能用上去!
啊!!原来不是沙发!
(#--)弄个打怪升级的
我也感觉血条版比较好看。。你的演示效果将页面拉太长了吧。。
问下老谢,你这里的代码效果是用的插件么??
@独角鲸 没用插件,代码本篇文章已经放出来了~拉的太长是因为我设置了80个头像显示。。
我问的代码效果是指你这篇文章里那些代码
左边显示代码的行数,右边某些字母能显示彩色的这个。
应该不是用的默认的
吧。
@独角鲸 wp-syntax
嗯。已经装上了。三克油~
哈哈,每次来你这里都能搞到好东西,先收藏,下午有空了再搞一下。
@贼头 感谢贼头来访~
这个好啊,回头我也搞一个。
没有一些特殊的效果哦,呵呵
– -为啥我按照你说的方法提示出错呢,跟主题有关?
Parse error: syntax error, unexpected ‘.’ in /home5/sslogsco/public_html/narwhal/wp-content/themes/Simple-M/readerswall.php on line 22
@独角鲸 语法错误,在readerswall.php的第22行
问题是。。直接从你这copy过去的呀,貌似意思是指第22行多了个 “.”?
@独角鲸 加我Q
同错误怎么办。。
@vele 直接修改你的主题页面模板
这个血墙可以用CSS加上一些效果更好 比如放大 旋转等
正需要~今晚研究一下先~
我喜欢。。收了
为嘛墙上没有我呢啊。。。。强烈要求上去。。。。。
@Nothinger 欢迎吐槽~
我也出现了类似的问题,老谢说是页面模板问题,正在帮我改,十分感谢老谢哦
@三品小衲 已搞定~
有时间的话 建议多更新一下 期待中