主机格调

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