给Emlog添加实时显示的Gravatar头像 折腾ing

给Emlog添加实时显示的Gravatar头像 折腾ing  

今天折腾了一下。添加实时显示的Gravatar头像也就是说留言时,你输入email后,就会实时显示你的Gravatar头像。我的方法如下
 1.在module.php发表评论表单处添加。自己选个合适的位子添加代码如下:(红色部分是我默认头像)

<img src="http://www.gravatar.com/avatar/<?php echo md5($ckmail);?>?s=30&amp;d=<?php echo TEMPLATE_URL;?>images/gravface_bg.gif" alt="gravatar" width="30" height="30" align="absmiddle" id="real-time-gravatar" title="这是你头像吗?"/>

2.在header.php 或 foot.php 中添加代码如下:(注:红色部分

<!-- real time gravatar -->

<script type="text/javascript" src="<?php echo TEMPLATE_URL; ?>js-md5.js"></script> 

<script type="text/javascript">

/* <![CDATA[ */

var ga = document.getElementById("real-time-gravatar"); var email = document.getElementById("commail");

var Ka=navigator.userAgent.toLowerCase(); var chrome = Ka.indexOf(’webkit’) != -1; if (chrome) email.onblur = changeGravatar; else email.onchange = changeGravatar; function changeGravatar(){ email_value = email.value; email_md5 = hex_md5(email_value); new_ga = "http://www.gravatar.com/avatar/" + email_md5 +"s=30&amp;d=<?php echo TEMPLATE_URL;?>images/gravface_bg.gif"; newGravatar(new_ga); } function newGravatar(new_ga){ ga.setAttribute(’src’, new_ga); }

/* ]]> */

</script>

<!-- end real time gravatar -->
3.下载js-md5.js,并把它上传到主题文件夹中

4.上传覆盖!~~ok

上:(评论和侧栏评论添加Gravatar头像方法,我看有人需要)


评论添加Gravatar头像

跟上面一样也要利用到Js-md5.js,(注:如果已经加载了。就不用这步了
1.在header.php 或 foot.php 中添加代码如下;

<script type="text/javascript" src="<?php echo TEMPLATE_URL; ?>js-md5.js"></script> 

2.在模板module.php中找到<?php echo $value[’content’]; ?>,

在其前面添加


<img src="http://www.gravatar.com/avatar/<?php echo md5($value[’mail’]); ?>?size=30&d=

<?php echo TEMPLATE_URL;?>images/gface.gif" width="30" height="30" />

其中头像大小直接修改 widthheight gface.gif这个是默认头像

3.上传覆盖!~~ok


侧边栏评论加Gravatar头像
1.打开lib/class.cache.php,查找

$query = $this->db->query("SELECT cid,gid,comment,date,poster,reply


在其后面插人“,mail” ,(注:去除双引号)。

2.查找:

’reply’ => $show_com[’reply’] 


 在其后插入“’mail’ => $show_com[’mail’] ”,(注:去除双引号)。

3.保存。。上传覆盖。。

4就是侧栏调用头像的IMG地址的时候了。在module.php中找到最新评论,在合适地方添加以下代码

<img src="http://www.gravatar.com/avatar/<?php  echo md5($value[’mail’]); ?>" width="30" height="30"/>


ok。。教程到这了。。好累!~~你们自己折腾去吧!~~

您可以选择一种方式赞助本站

目前评论:56   其中:访客  36   博主  20

  1. 折腾啊,嘿嘿

    2010年10月01日 14:34  43楼
  2. avatar Flyer

    @sprityaoyao:呃。。我这边没有脚本错误。。大概是windows media play 问题吧

    2010年10月01日 16:52  44楼
  3. avatar 5

    我试试{smile:16}

    2010年10月01日 11:24  45楼
  4. 不是有插件吗?

    2010年10月01日 14:52  46楼
  5. avatar JS测试 5

    不会弄啊。农历没效果

    2010年10月01日 10:22  47楼
  6. 学习一下吧,以后再加

    2010年10月01日 13:15  48楼
  7. 测试下俺的帅头像。。。{smile:15}

    2010年10月01日 14:29  49楼
  8. ZBLOG的我是,不知道怎么加,

    2010年10月01日 12:24  50楼
  9. 新年快乐, 文章很不错

    2010年10月01日 18:54  51楼
  10. 就因为多了个这么大的JS..我毅然的放弃了….感觉实用性不是很大…
    至于手气不错,我是叫小松改的..{smile:15}..

    2010年10月01日 13:32  52楼
  11. avatar Flyer

    @boomben:那你就继续奋斗吧。。

    2010年10月01日 10:35  53楼
  12. 支持了??? 我也再去改改了??? 又让我学习下了哦 呵呵

    2010年10月01日 16:51  54楼
  13. 我就觉得速度咋慢呢,在瓜哥那儿才看到你用的还是免费的空间,还是提醒一下,想要长远的发展,还是投资点,以后慢慢就赚回来了!

    2010年10月01日 19:42  55楼
  14. 谢谢您的分享,很值得学习 努力工作,用心生活。新年快乐,

    2010年10月01日 16:57  56楼
评论加载中...

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: