用QQ表情完美实现WordPress评论表情

2011.02.23 请收藏本站地址:flyfei.net

     今天本来想去万戈的博客找个点击图片放大的jQuery的,结果搜索到他写的添加表情图片方法。正好我也很喜欢他那个表情,就换过来了。我之前显示表情的方法是17行代码添加评论表情,有个很讨厌的困恼,就是鼠标移到图片上,显示不了中文:

WordPress表情

     而我看了下那17行代码,根本不可能修改每个图片的文字描述,只能看看万戈是怎么弄的了。

     后来感觉万戈的方法可以实现我要的效果,所以就下载他的文件自己来修改,效果终于OK了:

WordPress表情

     但是问题又来了,他是用的javascript实现的,IE下面有个BUG,点击javascript的超链接,动态图片都不动了,我非常讨厌,所以只有找方法咯。

     Google了一下,找到了方法,就是不用a标签里的href而是用onclick来写javascript。这个问题终于解决了,但是问题接着还来…鼠标移动到图片,箭头不变成手…原本想用href=”javascript:void(0);”的,结果这个也是javascript,点了图片又都不动了,最后只有用CSS里面的cursor:pointer;,终于完美了。

     下面提供完整代码,这可是我花了两个小时才研究出来的,原创哦!希望有转载的朋友给我个链接就OK,谢谢!

     下载smiley.php文件,点我下载,把此文件上传到你的主题文件夹下面。修改主题文件夹下面的comments.php,找到textarea,在上面加上

<?php include(TEMPLATEPATH . ‘/smiley.php’); ?>

     修改主题文件夹下面的CSS文件,里面加一句

#smilelink{cursor:pointer; width:465px;}

     OK,你再看你表情,是不是很帅呢?如果你也想用我这套表情,点我下载。所有图片表情显示的文字都可以自己修改,修改smiley.php里面的相应代码即可,我相信你看得懂的!

     注:如果发现点击表情评论框无反应,请检查comments.php里面的textarea的id是多少,然后复制那个id,替换到smiley.php里面的comment即可。自己查找,一共有三个comment需要替换。

     最后牢骚一下,上传一张图片,就占用我一个ID,看来以后只能用FTP上传了…而且我没有选择要缩略图,他也自动生成2长缩略图…还有个问题就是评论里面的图片,鼠标移上去,一样不是文字,这个还真不知道怎么改了…

原文地址:http://ons.me/80.html

打赏
阅 50,834
0

  1. 头像
    2014.07.21 - 匿名

    ❓ 哈哈

    [回复]

  2. 头像
    2012.12.28 - 思一

    😥 我的那个居然还是小小的,更改不了,搞了那么久,做了很多次,还是这样!求指点!

    [回复]

    头像

    admin 回复:

    直接把表情图标全部替换掉就行了。似乎每次系统升级后又需要重新替换。

    [回复]

    头像

    匿名 回复:

    🙂 z这个之前是有调用函数的,我添加了你说的那条语句之后,出现了两排图片,而且图片还是那么小,是用你给的那个表情替换掉的哟!

    [回复]

  3. 头像
    2012.11.07 - 匿名

    😛 好

    [回复]

  4. 头像
    2012.05.11 - 雷人博客

    🙁 我发现我的站评论后显示不出呀。

    [回复]

  5. 头像
    2012.04.07 - 王善钟

    不错,我先去试试

    [回复]

  6. 头像
    2012.01.11 - 匿名

    这个表情很不错…很喜欢

    [回复]

  7. 头像
    2011.09.17 - zhengyiming

    😯 前来学习!

    [回复]

  8. 头像
    2011.08.12 - 斌

    ❓ LZ的宽度设置465px可以在一行显示,我的就不行,不知道为啥

    [回复]

  9. 头像
    2011.07.07 - 动漫系

    不错啊,正在找这个,试试…… 🙄

    [回复]

  10. 头像
    2011.06.17 - 匿名

    这个表情很不错…很喜欢.我要放到我的网站上去..www.blogpacking.com

    [回复]

  11. 头像
    2011.06.03 - 匿名

    😆

    [回复]

  12. 头像
    2011.03.29 - 北京婚纱摄影工作室

    过来学习学习 我的还是z-blog呢

    [回复]

  13. 头像
    2011.02.25 - 匿名

    过来学习啦 😎

    [回复]

  14. 头像
    2011.02.25 - 诺基亚5250主题下载

    过来学习啦哈

    [回复]

  15. 头像
    2011.02.24 - 沉冰浮水

    话说href=”#”可不可以呢?
    ———-
    等待终结。。。

    [回复]

  16. 头像
    2011.02.23 - 电加热器

    嗯,这个不错。

    [回复]

  17. 头像
    2011.02.23 - 匿名

    🙂 不错!

    [回复]

好莱坞擅长输出价值观,也擅长造神,斯坦·李就是典型的代表。他创作的漫画被好莱坞改编成超级英雄电影,孜孜不倦地向全世界人民输出美国梦;他本人则被夸张地捧上神坛,成为一个不可颠覆的文化偶像。死亡进一步为他的“伟大”添加了一层永远也抹不去的滤镜,在一片哀悼声中,甚至顺带捧高了漫画与电影本身。