不一样的访客欢迎画面:利用cookie抓取访客头像

6年前 16,468 views | 112条评论

哈哈大家好我终于又憋出来一篇了,一天没见是不是很想我!!
之前在小蝴蝶这里评论过的同志们应该已经看到效果了:

没头像的 有头像 还是声声的头像

由于实在憋不出来东西写了,所以无聊检查了一下网站记录的cookie,其中有一个大家很熟悉,就是我们常见访客欢迎词要用到的comment_author,而另一个很少有人用,就是comment_author_email
comment_author_email能用来干嘛内?用来抓头像咯.
好了上代码,以下代码扔到你要欢迎访客的地方:

<?php if($_COOKIE["comment_author_email_" . COOKIEHASH]!="") : $fkimg = $_COOKIE['comment_author_email_'.COOKIEHASH];?>
<?php echo get_avatar($fkimg, 50);?>
<?php endif; ?>

如果要实现小蝴蝶那样仿QQ视频的访客欢迎画面,则把代码改成如下(具体css值需要根据你的主题修改)

<?php if($_COOKIE["comment_author_email_" . COOKIEHASH]!="") : $fkimg = $_COOKIE['comment_author_email_'.COOKIEHASH];?>
<div class="fkimg"><?php echo get_avatar($fkimg, 68);?></div>
<img style="position: absolute;left: 53px;top: 89px;margin: 5px 10px 10px 0;width: 30px;height: 30px;" src="你的头像图片地址">
<?php else: ?>
<img style="float:left;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.46);margin: 5px 10px 10px 0;width:68px;height:68px;" src="你的头像图片地址">
<?php endif; ?>

然后加上css

.fkimg{ float: left; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.46); margin: 5px 10px 10px 0; width: 68px; height: 68px;}

好了就这么多,昨天那篇吐草被包子破了百,践行诺言来放福利了..
我家镜子就是脏 怎么地
另外跪求大家还是不要破百了,因为我没有新衣服拍了

LIKE OR SHARE IT:

admin发表于Code目录下,标签为 • • ,转载请保留链接。
TOP DOWN
发表评论

您必须 [ 登录 ] 才能发表留言！

  1. 沙 发 xsinger

    沙你个发~ :kelian:

    三月 21, 2013 23:34:05
  2. 板 凳 619影视

    我抢,

     三月 21, 2013 23:37:23
  3. 地 板 619影视

    看美妞来了

     三月 21, 2013 23:38:27
  4. 地 毯 张书杨

    想抢沙发来着，晚了 :cao:

    三月 21, 2013 23:38:42
  5. 地 面 Arch!tect

    sweet 漂亮！

     三月 22, 2013 00:20:55
  6. 地 下 郑永

    今天早上宽带不行。。这沙发。。越来越难，哈哈。。 这篇文章想法不错，但是那个天蝎座什么的信息，能不能。。。来个人肉搜索，直接显示出来，啊哈哈！！ 开玩笑的啦。我还没看到我的头像，必须发条评论，哈哈。这条算大话评论。

     三月 22, 2013 01:53:38
  7. 7 楼 郑永

    OK，看到效果了，就是要用你的头像遮住对方的脸是吧？哈哈。。键盘旁边的信息业改一下，如不能，感觉这个功能似乎。。。我还是建议把旁边的信息全部撤掉，就显示用户的头像，越大张越好，曝光！哈哈

     三月 22, 2013 01:56:10
  8. 8 楼 郑永

    换大图有意思，上面about上面的和旁边信息栏都去掉，那就等于说你的信息全撤。。。哈哈，客户是上帝~~

     三月 22, 2013 01:58:29
  9. 9 楼 郑永

    福利看到了，哈哈。。下次建议绑两个翅膀，更完美！

     三月 22, 2013 02:02:51
  10. 10 楼 不亦乐乎

    不对不对，发错了

     三月 22, 2013 06:22:57
  11. 11 楼 潇夜语

    :mrgreen: 先看福利再研究代码哈(づ￣ 3￣)づ

     三月 22, 2013 06:26:34
  12. 12 楼 619影视

    兄弟们有空了多去我站留言，不定时送岛国片，哈哈，嘿嘿。

     三月 22, 2013 07:36:50
  13. 13 楼 SEO策略

    :guzhang: 俺这基本不留cookies :huai: 坚持每天来访，好人墙必上。。。。(^o^)/ :zhuangb: 看来你这好东西不少啊。要完善wp还得从你这挖点东西。

     三月 22, 2013 08:18:37
  14. 14 楼 跑调的包子

    唉，我守了一个晚上，都没看你拉出来。偏偏到我去睡觉了你才拉。我容易吗~

     三月 22, 2013 08:50:26
  15. 15 楼 axiu

    我的头像一脸惊讶地看着你们俩……

     三月 22, 2013 08:54:26
  16. 16 楼 DruidFY

    啊….美女啊！

     三月 22, 2013 09:48:40
  17. 17 楼 Android

    先水一个再说…沙发没了 :ku:

    三月 22, 2013 11:11:06
  18. 18 楼 ChoJemmy

    福利evernote已存。留字，走人。

     三月 22, 2013 11:47:20
  19. 19 楼 DruidFY

    提个建议，能不能把每个访客自己的评论放在最上面，然后才是沙发

     三月 22, 2013 12:33:56
  20. 20 楼 airoschou

    效果很棒啊！一进来就看到了，右侧很显眼！
    目测博主发质还可以 :guzhang:

    三月 22, 2013 17:32:07
  21. 21 楼 ChoJemmy

    收到邮件回复了。出啥大事了啊？腾讯坑人了？

     三月 22, 2013 18:16:16
  22. 22 楼 Android

    现在好了 测试

     三月 22, 2013 18:29:50
  23. 23 楼 Arch!tect

    你的头像扎的我的脸好痛 = = 加这个试试~
    border-width: 1px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.6);
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    -webkit-background-clip: padding-box;

     三月 23, 2013 02:07:47
  24. 24 楼 Kevin.Z

    这个不错，挺个性，问一句，那个顶部公告是插件还是？

     三月 23, 2013 21:55:51
  25. 25 楼 方露宇

    - -破百就有福利么？好吧，我来试试看。

     三月 24, 2013 10:56:26
  26. 26 楼 方露宇

    这个CSS该怎么改呢？实在想不通你的上面文章里面的CSS的改法啊。

     三月 24, 2013 10:56:55
  27. 27 楼 方露宇

    哦，还剩下8条～～～这不是真的吧？

     三月 24, 2013 10:57:18
  28. 28 楼 方露宇

    顺便问一句如果是CSS中定义一个ID的CSS是不是把这行CSS随便扔哪里都OK呢？

     三月 24, 2013 10:58:13
  29. 29 楼 刘荣焕

    我囧 来了就把我头像搞出来

     三月 29, 2013 22:24:00
  30. 30 楼 爱美爱魅

    美女一枚，顺便求教，评论者网站即时预览是怎么实现的呢？

     四月 3, 2013 14:27:28
  31. 31 楼 kn007

    图片不错

     七月 21, 2013 19:59:55
  32. 32 楼 iKx.me

    我是来看照片的

     十二月 9, 2013 17:54:47