Mansion明陞

Mansion明陞> 电脑网络 > 用QQ表情完美实现WordPress评论表情
2011二月23

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

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

Mansion明陞

而我看了下那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

文章作者:Mansion明陞
本文地址:http://www.xiangfei.org/wordpresscomments/
版权所有 © Mansion明陞的博文一律为原创,转载时必须以链接形式注明作者和原始出处!

初雪
初雪

初学3D,上几张图
初学3D,上几张图

寻屈原
寻屈原

QQ和360同时运行的最简单办法
QQ和360同时运行的最简单办法

这也叫唐山大地震?
这也叫唐山大地震?

“我们不要做狭隘的民族主义者”—张艺谋讲解《金陵十三钗》
“我们不要做狭隘的民族主义者”—张艺谋讲解《金陵十三钗》

18 Responses to “用QQ表情完美实现WordPress评论表情”

  1. #1 匿名 回复 | 引用 Post:2011-02-23 05:08

    :smile: 不错!

    [回复]

  2. #2 电加热器 回复 | 引用 Post:2011-02-23 16:29

    嗯,这个不错。

    [回复]

  3. #3 沉冰浮水 回复 | 引用 Post:2011-02-24 11:06

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

    [回复]

  4. #4 诺基亚5250主题下载 回复 | 引用 Post:2011-02-25 11:24

    过来学习啦哈

    [回复]

  5. #5 匿名 回复 | 引用 Post:2011-02-25 11:25

    过来学习啦 :cool:

    [回复]

  6. #6 北京婚纱摄影工作室 回复 | 引用 Post:2011-03-29 17:12

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

    [回复]

  7. #7 匿名 回复 | 引用 Post:2011-06-03 00:46

    :lol:

    [回复]

  8. #8 匿名 回复 | 引用 Post:2011-06-17 10:04

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

    [回复]

  9. #9 动漫系 回复 | 引用 Post:2011-07-07 12:35

    不错啊,正在找这个,试试…… :roll:

    [回复]

  10. #10 回复 | 引用 Post:2011-08-12 11:23

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

    [回复]

  11. #11 zhengyiming 回复 | 引用 Post:2011-09-17 13:04

    :shock: 前来学习!

    [回复]

  12. #12 匿名 回复 | 引用 Post:2012-01-11 13:47

    这个表情很不错…很喜欢

    [回复]

  13. #13 王善钟 回复 | 引用 Post:2012-04-07 08:31

    不错,我先去试试

    [回复]

  14. #14 雷人博客 回复 | 引用 Post:2012-05-11 12:26

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

    [回复]

  15. #15 匿名 回复 | 引用 Post:2012-11-07 16:11

    :razz:

    [回复]

  16. #16 思一 回复 | 引用 Post:2012-12-28 14:31

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

    [回复]

    admin 回复:

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

    [回复]

    匿名 回复:

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

    [回复]

发表评论