Mansion明陞

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

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

今天本来想去万戈的博客找个点击图片放大的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

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

4 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 匿名 回复 | 引用 Post:2011-02-25 11:25

    过来学习啦 :cool:

    [回复]

发表评论