<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>博优谷 &#187; 表情</title> <atom:link href="http://www.canfree.com/tag/%e8%a1%a8%e6%83%85/feed" rel="self" type="application/rss+xml" /><link>http://www.canfree.com</link> <description>博优谷是知名的IT评论博客，探讨网站优化，网上赚钱，免费资源，站长工具，站长新闻等资讯</description> <lastBuildDate>Sun, 05 Feb 2012 15:46:40 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.2.1</generator> <item><title>分享一套很漂亮的动态wordpress表情图标</title><link>http://www.canfree.com/share-a-very-nice-dynamic-wordpress-emoticons.htm</link> <comments>http://www.canfree.com/share-a-very-nice-dynamic-wordpress-emoticons.htm#comments</comments> <pubDate>Mon, 11 Jan 2010 21:13:50 +0000</pubDate> <dc:creator>博优谷</dc:creator> <category><![CDATA[免费资源]]></category> <category><![CDATA[图标]]></category> <category><![CDATA[素材]]></category> <category><![CDATA[表情]]></category> <guid
isPermaLink="false">http://www.canfree.com/share-a-very-nice-dynamic-wordpress-emoticons.htm</guid> <description><![CDATA[在网上闲逛时偶然发现的，看起来是真的有个性，白色大底，正好符合本博客的主题，于是批量下载更名上传至服务器，有需要的朋友直接去评论窗口处点击下载，放入相应的文件夹即可。 继续分享： 140个箭头类小图标Small Arrow icons 11个16×16像素素材之Small black icons 20个星星素材小图标Small Star icons 60个网页素材16×16 Phone icons and Multimedia icons]]></description> <content:encoded><![CDATA[<p>在网上闲逛时偶然发现的，看起来是真的有个性，白色大底，正好符合本博客的主题，于是批量下载更名上传至服务器，有需要的朋友直接去评论窗口处点击下载，放入相应的文件夹即可。</p><p><img
class="aligncenter size-full wp-image-1116" title="icon_wink" src="http://www.canfree.com/wp-content/uploads/2010/01/icon_wink.gif" alt="icon wink 分享一套很漂亮的动态wordpress表情图标" width="24" height="24" /></p><p>继续分享：</p><ol><li>140个<a
href="http://www.canfree.com/arrow-class-small-icon-small-arrow-icons.htm">箭头类小图标Small Arrow icons</a></li><li>11个<a
href="http://www.canfree.com/16x16-pixels-icon-class-boutique-website-material-of-the-small-black-icons.htm">16×16像素素材之Small black icons</a></li><li>20个星星<a
href="http://www.canfree.com/material-small-icon-small-star-icons.htm">素材小图标Small Star icons</a></li><li>60个<a
href="http://www.canfree.com/16x16-phone-icons-and-multimedia-icons.htm">网页素材16×16 Phone icons and Multimedia icons</a></li></ol> ]]></content:encoded> <wfw:commentRss>http://www.canfree.com/share-a-very-nice-dynamic-wordpress-emoticons.htm/feed</wfw:commentRss> <slash:comments>6</slash:comments> </item> <item><title>Highslide4WP国产表情插件高级用法</title><link>http://www.canfree.com/highslide4wp-domestic-expression-plug-in-advanced-usage.htm</link> <comments>http://www.canfree.com/highslide4wp-domestic-expression-plug-in-advanced-usage.htm#comments</comments> <pubDate>Tue, 05 Jan 2010 15:13:21 +0000</pubDate> <dc:creator>博优谷</dc:creator> <category><![CDATA[插件优化]]></category> <category><![CDATA[highslide4wp]]></category> <category><![CDATA[WordPress]]></category> <category><![CDATA[技巧]]></category> <category><![CDATA[表情]]></category> <guid
isPermaLink="false">http://www.canfree.com/highslide4wp-domestic-expression-plug-in-advanced-usage.htm</guid> <description><![CDATA[Highslide4WP是国人的一款文章及评论表情插件，且能实现弹出窗口，不占空间，绿色环保。下载地址。也可以后台搜索安装。效果见本文页面下的笑脸图标，点击它，有惊喜。 &#60;?php if (function_exists('highslide_emoticons')) : ?&#62; &#60;?php highslide_emoticons(); ?&#62; &#60;?php endif; ?&#62; 将上面的代码添加到commnet.php 文件的适当位置，可以用DIV控制 但是这个插件有点小问题，如果你用IE的话，你点那个关闭按钮就会回到页面顶部，极大的不方便，如何改，看下面。 编辑 highslide4wp/toys.php，找到：$highslide_emoticon .= '&#60;li class="highslide-close"&#62;&#60;a href="#" onclick="return hs.close(this)"&#62;' . __('Close', 'highslide4wp') . '&#60;/a&#62;&#60;/li&#62;';将 # 替换为 javascript:void(0); 即可。 这个插件可扩展性很高，但更新缓慢，比如下面的功能，点图片看效果   是不是看到了熟悉的highslide效果？点击放大，再点击复原，呵呵，又可以少装一个插件了，速度明显又有提高。 编辑 highslide4wp/highslide4wp.php，将下面的代码添加到第14行代码的上面。也就是function highslide_head_admin()上面。 /* Add HighSlide */add_filter('the_content', 'addhighslideclass_replace');function addhighslideclass_replace ($content) {   global $post; $pattern = "/&#60;a(.*?)href=('&#124;\")([^&#62;]*).(bmp&#124;gif&#124;jpeg&#124;jpg&#124;png)('&#124;\")(.*?)&#62;(.*?)&#60;\/a&#62;/i"; $replacement = '&#60;a$1href=$2$3.$4$5 class="highslide-image" [...]]]></description> <content:encoded><![CDATA[<p><strong>Highslide4WP</strong>是国人的一款文章及评论表情插件，且能实现弹出窗口，不占空间，绿色环保。<a
href="http://downloads.wordpress.org/plugin/highslide4wp.zip" target="_blank">下载地址</a>。也可以后台搜索安装。效果见本文页面下的笑脸图标，点击它，有惊喜。</p><table
border="0" cellspacing="0" cellpadding="2" width="500"><tbody><tr><td
width="500" valign="top"><pre>&lt;?php if (function_exists('highslide_emoticons')) : ?&gt;
	&lt;?php highslide_emoticons(); ?&gt;
&lt;?php endif; ?&gt;</pre><p>将上面的代码添加到commnet.php 文件的适当位置，可以用DIV控制</td></tr></tbody></table><p>但是这个插件有点小问题，如果你用IE的话，你点那个关闭按钮就会回到页面顶部，极大的不方便，如何改，看下面。</p><table
border="0" cellspacing="0" cellpadding="2" width="500"><tbody><tr><td
width="500" valign="top"><big><strong>编辑</strong> <strong>highslide4wp/toys.php，找到：</strong></big>$highslide_emoticon .= '&lt;li class="highslide-close"&gt;&lt;a href="#" onclick="return hs.close(this)"&gt;' . __('Close', 'highslide4wp') . '&lt;/a&gt;&lt;/li&gt;';<big><strong>将 # 替换为 javascript:void(0); 即可。</strong></big></td></tr></tbody></table><p><span
style="color: #ff0000;">这个插件可扩展性很高，但更新缓慢，比如下面的功能，点图片看效果</span></p><p><span
id="more-100"></span></p><p><span
style="color: #ff0000;"> </span></p><p><a
title="kill ie6" href="http://farm5.static.flickr.com/4050/4247384931_e9ec8ab272_b.jpg"><img
style="display: block; margin-left: auto; margin-right: auto; border: 0px;" src="http://static.flickr.com/4050/4247384931_e9ec8ab272.jpg" border="0" alt="4247384931 e9ec8ab272 Highslide4WP国产表情插件高级用法" width="240" height="143" title="Highslide4WP国产表情插件高级用法" /></a></p><p>是不是看到了熟悉的highslide效果？点击放大，再点击复原，呵呵，又可以少装一个插件了，速度明显又有提高。</p><p><big>编辑 <strong>highslide4wp/highslide4wp.php，将下面的代码添加到第14行代码的上面。也就是function highslide_head_admin()上面。</strong></big></p><table
border="0" cellspacing="0" cellpadding="2" width="500"><tbody><tr><td
width="500" valign="top">/* Add HighSlide */add_filter('the_content', 'addhighslideclass_replace');function addhighslideclass_replace ($content)</p><p>{   global $post;</p><p>$pattern = "/&lt;a(.*?)href=('|\")([^&gt;]*).(bmp|gif|jpeg|jpg|png)('|\")(.*?)&gt;(.*?)&lt;\/a&gt;/i";</p><p>$replacement = '&lt;a$1href=$2$3.$4$5 class="highslide-image" onclick="return hs.expand(this);"$6&gt;$7&lt;/a&gt;';</p><p>$content = preg_replace($pattern, $replacement, $content);</p><p>return $content;</p><p>}</p><p>/* Add HighSlide */</td></tr></tbody></table><p>你还可以DIY，更改那个默认的图标。还是修改toys.php文件。</p><table
border="0" cellspacing="0" cellpadding="2" width="500"><tbody><tr><td
width="500" valign="top">$highslide_emoticon .= '&lt;img src="' . get_bloginfo('wpurl') . '/wp-includes/images/smilies/icon_smile.gif" alt="插入表情" /&gt;';</td></tr></tbody></table><p>找到上面的代码，icon_smile.gif就是默认的，你可以随意更改为其它图片，alt属性默认是emotions，我改成插入表情，至此一切OK。</p> ]]></content:encoded> <wfw:commentRss>http://www.canfree.com/highslide4wp-domestic-expression-plug-in-advanced-usage.htm/feed</wfw:commentRss> <slash:comments>7</slash:comments> </item> </channel> </rss>
