Dec122011

Typecho读者墙

Category:分享 | Tags:Typecho, 技巧, 博客, 苹果 | Author:飞天舞 | Posts: 90

读者墙这个功能wordpress最先看到,羽中后来出了个@插件版的,并自带头像缓存;然后冰剑又出了个代码版的@水榜之血条,这个相对于插件版的复杂一点,但效果更为直观,有类似于游戏里人物的血量显示效果。

不知道在哪里看到的另一个css版本的,我就在把它拿过来用了,和小冰地没啥区别,也就是现在的post页侧栏的灌水大军。好久没有折腾了,找不到写的,就把这个给需要折腾的各位小盆友,下面附上代码吧。

哈哈,此文是预发布的。

1、在主题的functions.php里定义调取读者墙。

//获得读者墙
function get_most_active_friends(){
	$db = Typecho_Db::get();
	$sql = $db->select('COUNT(author) AS cnt','author', 'url', 'mail')
		->from('table.comments')
		->where('status = ?', 'approved')
		->where('type = ?', 'comment')
		->where('authorId = ?', '0')
		->where('mail != ?', 'admin@gmail.com')//排除自己上墙
		->group('author')
		->order('cnt', Typecho_Db::SORT_DESC)
		->limit('20');//这里面填写读取前几位用户
	$result = $db->fetchAll($sql);
	$mostactive = "";
 
	if( count($result)>0){
		$maxNum = $result[0]['cnt'];
		foreach ($result as $one)
		{		 
		  $width = round(30 / ($maxNum / $one['cnt']),2);//血条长度
		  $mostactive .= '<li title="'.$one['author'].' : '.$one['cnt'].'次重要讲话"><a href="'.$one['url'].'" target="_blank" rel="nofollow">';
		  $mostactive .= '<img src="/usr/uploads/avatarCache/'.md5($one['mail']).'.jpg" />';//头像缓存
		  $mostactive .= '</a><div class="active-bg"><div class="active-degree" style="width:'.$width.'px"></div></div></li>';
		}
		echo $mostactive;
	}
}

2、在主题的css里加上以下代码。

#readerswall .gavaimg{margin-top:5px;}
#readerswall ul li{background:#eee;display:inline;width:30px;height:38px;margin:0 7px 10px 0;padding:5px;float:left;list-style:none;border: 1px solid #bdbdbd;
-moz-border-radius:2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
#readerswall ul li:hover{border:1px solid #8AAB46;}
#readerswall ul li a{border-left:0;padding:0;}
#readerswall ul li a:hover{border-left:0;padding:0;}
#readerswall img{width:30px;height:30px;display:block;box-shadow:#ccc 5px 5px 5px;}
#readerswall .active-bg{width:30px;height:2px;_font-size:0;margin-top:5px;background:#DFDFDF; }
#readerswall .active-degree{background:red;width:30px;height:2px;_font-size:0;}

3、需要插件:Gravatar头像缓存插件

传送带-->Gravatar头像缓存插件

4、在需要调用读者墙的地方贴入代码调用就行了

<?php get_most_active_friends();?>

最后再附送个无意间折腾的小东西:调用博客的最后更新时间。

1、我瞎折腾的。
<?php $this->created=$this->dateWord(''); <!--获取时间:N天(小时、分钟)-->?>
<?php $this->dateWord('');  <!--蚂蚱给简化的N天(小时、分钟)-->?>?>
2、雨云说这个也可以。
<?php $modified = new Typecho_Date($this->modified);
echo $modified->format('Y-m-d'); <!--获取时间:X年X月X日-->?>

3、willin的。
<?php echo gmdate('Y-m-d H:i:s', $this->modified + Typecho_Widget::widget('Widget_Options')->timezone); ?>

96 个流言蜚语 (制造者:57 个流言, 博主:39 次澄清)散布流言

  1. kooker
    kooker 2011年12月12日
    沙发 回复

    喜欢折腾的人…

    1. 飞天舞
      飞天舞 (博主) 2011年12月12日
      第1沙 回复

      找点事做,混时间蛮快的,转Typecho来吧~

      1. kooker
        kooker 2011年12月15日
        第2沙 回复

        不折腾了,直接使用DreamhostAPP省心

  2. 彼岸星辰
    彼岸星辰 2011年12月12日
    板凳 回复

    前排强势插入。

    1. 飞天舞
      飞天舞 (博主) 2011年12月12日
      第1凳 回复

      位置很好占的,然后呢?

      1. 彼岸星辰
        彼岸星辰 2011年12月13日
        第2凳 回复

        回过头来再插一次、、

        1. 彼岸星辰
          彼岸星辰 2011年12月13日
          第3凳 回复

          这回够了吧?

        2. 飞天舞
          飞天舞 (博主) 2011年12月13日
          第3凳 回复

          你个YD的家伙。。。。

          1. 彼岸星辰
            彼岸星辰 2011年12月13日
            第4凳 回复

            嗯,我局的吧……应该再来一次、、

            1. 彼岸星辰
              彼岸星辰 2011年12月13日
              第5凳

              这个其实吧,最主要的原因还是我没有上榜、、、

            2. 彼岸星辰
              彼岸星辰 2011年12月13日
              第5凳

              这个应该是觉得..

          2. 彼岸星辰
            彼岸星辰 2011年12月13日
            第4凳 回复

            好吧,我今天到此为止了。改天还来、

            1. 飞天舞
              飞天舞 (博主) 2011年12月13日
              第5凳

              怎么丫的和冰剑一样,纯净水啊?蛋疼菊紧~~~ :-?

          3. 彼岸星辰
            彼岸星辰 2011年12月13日
            第4凳 回复

            你Y回复真快。勾引我多说几句啊?

            1. 飞天舞
              飞天舞 (博主) 2011年12月13日
              第5凳

              我怕你们了,后生可畏呀,大有钱途!

          4. 彼岸星辰
            彼岸星辰 2011年12月13日
            第4凳 回复

            是吗?要上榜了耶o(-"-)o

            1. 飞天舞
              飞天舞 (博主) 2011年12月13日
              第5凳

              打住吧,你已经上网了,啊啊啊啊,我晕死~~

  3. 暮春
    暮春 2011年12月12日
    地毯 回复

    这个好,又简单又好看,必须要折腾啊!

    1. 飞天舞
      飞天舞 (博主) 2011年12月12日
      第1毯 回复

      折腾啊,各种折腾。。。

  4. 暮春
    暮春 2011年12月12日
    门口 回复

    你那个自留地是怎么整的?

    1. 飞天舞
      飞天舞 (博主) 2011年12月12日
      第1门 回复

      喝酒中,等下回家附上代码。

      1. 暮春
        暮春 2011年12月12日
        第2门 回复

        呃,慢慢喝,不着急,喝酒事大,代码事小啊!

    2. 飞天舞
      飞天舞 (博主) 2011年12月12日
      第1门 回复

      @暮春

      <?php $this->created=$this->dateWord(''); ?>最近更新
      <?php $stat = Typecho_Widget::widget('Widget_Stat') ;echo "$stat->categoriesNum"; ?>个分类
      <?php $stat = Typecho_Widget::widget('Widget_Stat') ;echo "$stat->publishedPagesNum"; ?>个页面
      <?php $stat = Typecho_Widget::widget('Widget_Stat') ;echo "$stat->PublishedPostsNum"; ?>篇文章
      <?php $stat = Typecho_Widget::widget('Widget_Stat') ;echo "$stat->PublishedCommentsNum"; ?>个留言
  5. 散漫
    散漫 2011年12月12日
    走廊 回复

    我都有点想换TYPECHO了。

    1. 飞天舞
      飞天舞 (博主) 2011年12月12日
      第1廊 回复

      换嘛,这下有感觉Te和Wp的差别了吧?

  6. 散漫
    散漫 2011年12月12日
    楼梯 回复

    貌似我排第四名。

    1. 飞天舞
      飞天舞 (博主) 2011年12月12日
      第1梯 回复

      多灌水,第一名会是你的

      1. XMChen
        XMChen 2011年12月12日
        第2梯 回复

        那会是我

        1. 飞天舞
          飞天舞 (博主) 2011年12月12日
          第3梯 回复

          你还早,加上你以前的也还是有那么多滴。
          看来需要进数据库,把你的马甲给你去掉了

  7. 冰剑
    冰剑 2011年12月12日
    宅院 回复

    多灌水。。

    1. 冰剑
      冰剑 2011年12月12日
      第1院 回复

      多灌水。。

      1. 冰剑
        冰剑 2011年12月12日
        第2院 回复

        多灌水。。

        1. 冰剑
          冰剑 2011年12月12日
          第3院 回复

          多灌水。。

          1. 冰剑
            冰剑 2011年12月12日
            第4院 回复

            多灌水。。、
            五连击。。

    2. 飞天舞
      飞天舞 (博主) 2011年12月12日
      第1院 回复

      我擦,干嘛呢?小冰,喝醉酒了?你不会一直在提交吧?这么多同样的评论。。。

      1. 冰剑
        冰剑 2011年12月12日
        第2院 回复

        没啊,故意的。。
        你说的嘛,多灌水,得第一,哈哈。

        1. 飞天舞
          飞天舞 (博主) 2011年12月12日
          第3院 回复

          囧~~这个,那个。。。太无聊了你

          1. 冰剑
            冰剑 2011年12月12日
            第4院 回复

            额,我也觉得无聊。。

          2. 冰剑
            冰剑 2011年12月12日
            第4院 回复

            不过貌似我已经是第一了,哈哈。

            1. 飞天舞
              飞天舞 (博主) 2011年12月12日
              第5院

              太水了啊这个,我无言以对。天啊,神啊。。。。

          3. 冰剑
            冰剑 2011年12月12日
            第4院 回复

            额,只能六层。。。
            灌水,肯定要水啊。。
            况且这是你说的,多灌水,得第一。

            1. 飞天舞
              飞天舞 (博主) 2011年12月12日
              第5院

              @冰剑
              我服你了。。。。我洗洗睡觉去了,你慢慢刷吧,我明天慢慢来删~

          4. 冰剑
            冰剑 2011年12月12日
            第4院 回复

            我也洗洗睡了。。

  8. 蚂蚱
    蚂蚱 2011年12月12日
    小区 回复

    你那个获取时间的,可以简写成

    <?php $this->dateWord(''); ?>
    1. 飞天舞
      飞天舞 (博主) 2011年12月12日
      第1区 回复

      呀哈,试过了,确实行,谢谢蚂蚱兄~~

  9. 蚂蚱
    蚂蚱 2011年12月13日
    街道 回复

    水墙代码最后哪里少了一个div

    1. 飞天舞
      飞天舞 (博主) 2011年12月13日
      第1街 回复

      咦,还没注意到这个呢,它居然还没有错位?加上了啊

  10. 阿飞
    阿飞 2011年12月13日
    10号大院 回复

    我才排到第五,跟第一的有很大差距啊,看来要多灌水,争做第一

    1. 飞天舞
      飞天舞 (博主) 2011年12月13日
      第1间 回复

      灌水可以,也要有点内涵嘛,加油哦!

  11. 阿飞
    阿飞 2011年12月13日
    11号大院 回复

    你的归档貌似展不开了 icon_lol chrome+firefox都没法

    1. 飞天舞
      飞天舞 (博主) 2011年12月13日
      第1间 回复

      嗯?我的IE+谷歌都没问题啊,可以正常折叠+展开的啊

  12. palese
    palese 2011年12月13日
    12号大院 回复

    哟,这玩意也被移植了啊~把我用的那个皮也移植过来嘛,多安逸的~ icon_wink

    1. 飞天舞
      飞天舞 (博主) 2011年12月13日
      第1间 回复

      那个好像也不错,感觉血条更直观点,或许以后可以更多定义单篇文章的评论时,可以用那个来做。

      1. 暮春
        暮春 2011年12月13日
        第2间 回复

        我要改血条版 嘎嘎

        1. 飞天舞
          飞天舞 (博主) 2011年12月13日
          第3间 回复

          去吧,折腾去吧,呵呵。 :-D

    2. 蚂蚱
      蚂蚱 2011年12月13日
      第1间 回复

      你用的皮好像熠熠早就已经发布了

      1. palese
        palese 2011年12月14日
        第2间 回复

        他是什么时候发布的,官方是28号发布出来的~

        1. 蚂蚱
          蚂蚱 2011年12月14日
          第3间 回复

          D3版本,说错了,是蓝冰做的
          http://forum.typecho.org/topic.php?id=1885

          1. palese
            palese 2011年12月14日
            第4间 回复

            D3跟D4差别很大~

  13. 视野瞳前
    视野瞳前 2011年12月13日
    13号大院 回复

    谢谢了。。。。灰常强大。

    1. 飞天舞
      飞天舞 (博主) 2011年12月13日
      第1间 回复

      不可气,用起了么?

      1. 视野瞳前
        视野瞳前 2011年12月13日
        第2间 回复

        先藏着。,。。都很久没动博客了。。。。

  14. leedi
    leedi 2011年12月14日
    14号大院 回复

    我的主题里没有functions.php这个文件怎办

    1. 飞天舞
      飞天舞 (博主) 2011年12月14日
      第1间 回复

      新建一个呗,可以参考默认的板子的functions.php

  15. 乌贼
    乌贼 2011年12月14日
    15号大院 回复

    那个血条灰常( ^_^ )不错 :shock

    1. 飞天舞
      飞天舞 (博主) 2011年12月14日
      第1间 回复

      欢迎!我也很喜欢 icon_biggrin ,wp好像也有个版本,你不妨搜搜看。

  16. 散漫
    散漫 2011年12月14日
    16号大院 回复

    还是你博客人气好。。我的博客基本都没有人来。

    1. 飞天舞
      飞天舞 (博主) 2011年12月14日
      第1间 回复

      虚假的,好几个家伙都是纯灌水的,你主要都是技术文,我的全是闲扯这类的。

  17. vaman
    vaman 2011年12月16日
    17号大院 回复

    你的插件都比我的好

    1. 飞天舞
      飞天舞 (博主) 2011年12月16日
      第1间 回复

      插件比你好,什么意思喔?

  18. vaman
    vaman 2011年12月16日
    18号大院 回复

    不会弄css啊 结果显示成一列了 还没血条

    1. 飞天舞
      飞天舞 (博主) 2011年12月16日
      第1间 回复

      有这个状况?我是从我的代码里面直接复制下来的,应该没有遗漏什么步骤吧,回家后我再看看吧。

      1. 丁臣
        丁臣 1月28日
        第2间 回复

        我的也是,li的style:inline和float:left应该没问题,但事实是一竖条且不血条,求解中,谢谢。

        1. 飞天舞
          飞天舞 (博主) 1月28日
          第3间 回复

          抱歉,我可不会,这个是冰剑的技巧。

  19. jun
    jun 2011年12月16日
    19号大院 回复

    很不错哦,挺好玩的,哈哈,看来我灌水还不够啊~~~

    1. 飞天舞
      飞天舞 (博主) 2011年12月16日
      第1间 回复

      哈哈,你排在前四甲,其实灌水只是一说,能时不时地来看看,都很感激了!

  20. 翎峋
    翎峋 2011年12月16日
    20号大院 回复

    是个好东西啊,可惜没有动力了。

    1. 飞天舞
      飞天舞 (博主) 2011年12月16日
      第1间 回复

      你那是折腾过了已经,以前折腾,歇息了几年,我是又折腾上了。

  21. 暮春
    暮春 2011年12月16日
    21号大院 回复

    这篇评论非上一百不可,哈哈!

    1. 飞天舞
      飞天舞 (博主) 2011年12月17日
      第1间 回复

      100?不太可能,呵呵。
      这100里有好多是灌水,然后里面有好多都是我的回复。

  22. Vonvia
    Vonvia 2011年12月20日
    22号大院 回复

    蛮不错的,很实用的技巧,以后也折腾下!

    1. 飞天舞
      飞天舞 (博主) 2011年12月20日
      第1间 回复

      折腾吧,这个是来自于冰剑的技巧。

  23. monface
    monface 2011年12月29日
    23号大院 回复

    这个还不错哦,不过最近懒得弄博客

    1. 飞天舞
      飞天舞 (博主) 2011年12月29日
      第1间 回复

      准备改变模式了?博客还是要时不时地写写才行啊

  24. 朱定聪
    朱定聪 1月8日
    24号大院 回复

    这博客貌似很火哦!

    1. 飞天舞
      飞天舞 (博主) 1月8日
      第1间 回复

      水友很多,不在于火,在于这个氛围,呵呵。

  25. KK
    KK 1月11日
    25号大院 回复

    舞哥 我头像加载失败 不过我自己还没调试 折腾下再问

    1. 飞天舞
      飞天舞 (博主) 1月11日
      第1间 回复

      有头像啊,显示正常。 icon_17

      1. KK
        KK 1月12日
        第2间 回复

        我说的是我博客里的 读者墙

        1. 飞天舞
          飞天舞 (博主) 1月12日
          第3间 回复

          好吧,是我理解错了。。。

  26. ruegy0315
    ruegy0315 1月12日
    26号大院 回复

    icon_15

    1. 飞天舞
      飞天舞 (博主) 1月12日
      第1间 回复

      居然可以纯表情?我记得不带中文字符就不能通过啊

  27. 朱定聪
    朱定聪 1月16日
    27号大院 回复

    icon_16 我的主题有这个。

  28. 丁臣
    丁臣 2月4日
    28号大院 回复

    这个东东,我怎么折腾都失败,暂时放弃下。

  29. 丁臣
    丁臣 2月19日
    29号大院 回复

    以后来了,我就接着这层盖。

    1. 飞天舞
      飞天舞 (博主) 2月19日
      第1间 回复

      icon_28 你太疯狂了,我无话可说,希望以后不要这样滴纯净水了。

增加一个流言 »


Powered By Typecho))) | Theme By simpleJun Base | 文章 RSS and 评论 RSS | 粤ICP备10208985号 | 空间赞助 By 散漫