<?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; icon</title>
	<atom:link href="http://www.rainmoe.com/tag/icon/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.rainmoe.com</link>
	<description>One code, one world ...</description>
	<lastBuildDate>Thu, 29 Dec 2011 14:04:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>菠萝阁的工具箱使用基础指南</title>
		<link>http://www.rainmoe.com/2009/12/06/how-to-use-my-tool-box/</link>
		<comments>http://www.rainmoe.com/2009/12/06/how-to-use-my-tool-box/#comments</comments>
		<pubDate>Sun, 06 Dec 2009 10:17:24 +0000</pubDate>
		<dc:creator>小邪</dc:creator>
				<category><![CDATA[奇客 [Geek]]]></category>
		<category><![CDATA[619]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[zip]]></category>

		<guid isPermaLink="false">http://www.evlos.org/?p=1435</guid>
		<description><![CDATA[> 传说中有个YD男叫619，一定要我写一篇文章祭奠他一下，所以当然的，这篇文章以他为主线。

> 嘿嘿嘿嘿 O(∩_∩)O，预告一下，下一篇文章针对WP进行全方位极限加速，不要错过喔。



<span class="readmore"><a href="http://www.rainmoe.com/2009/12/06/how-to-use-my-tool-box/" title="菠萝阁的工具箱使用基础指南">阅读全文——共396字</a></span>]]></description>
			<content:encoded><![CDATA[<p>> 传说中有个YD男叫619，一定要我写一篇文章祭奠他一下，所以当然的，这篇文章以他为主线。<br />
> 嘿嘿嘿嘿 O(∩_∩)O，预告一下，下一篇文章针对WP进行全方位极限加速，不要错过喔。</p>
<p><img src="http://www.rainmoe.com/wp-content/uploads/old/Capture0663.jpg" /></p>
<p>> 话说回来，主要是记录一下对619童鞋网站的一点修改与为自己的工具箱做个小小的使用指南。<br />
> ╮(╯▽╰)╭ ，最近小邪堕落了，灰常喜欢用颜文字来表达思想感情，~ (～ o ～)~zZ ~~~///(^v^)\\\~~~。</p>
<p><span id="more-1435"></span>1. <strong>首先帮619童鞋加上了 裸奔帝国™ 的标志（图在上面）</strong>：</p>
<p><img src="http://www.rainmoe.com/wp-content/uploads/old/Capture0666.jpg" /></p>
<p>> 因为不做个标志的话，每个童鞋进他博客的第一件事情就是检查自己的浏览器是不是出了问题。<br />
> 强悍一点的马上就去开杀毒软件鸟。然后郁闷地回来留言说原来是 Sandbox 模板来着。<br />
> 虽然我先前建议用 CSS裸奔帝国™，不过短一点也没啥，嘿嘿。</p>
<pre class="brush: php; auto-links: false; html-script: false; title: ; notranslate">
&lt;div id=&quot;header&quot;&gt;
  &lt;h1 id=&quot;blog-title&quot;&gt;
    &lt;span&gt;
      &lt;a href=&quot;&lt;?php bloginfo('home') ?&gt;/&quot;
      title=&quot;&lt;?php echo wp_specialchars( get_bloginfo('name'), 1 ) ?&gt;&quot;
      rel=&quot;home&quot;&gt;&lt;?php bloginfo('name') ?&gt;&lt;/a&gt;
    &lt;/span&gt;
    &lt;span id=&quot;blog-description&quot;&gt;
      &lt;?php bloginfo('description') ?&gt;
    &lt;/span&gt;
  &lt;/h1&gt;
&lt;/div&gt;
</pre>
<p><!--  #header --></p>
<p>> 首先把博客的 Description 移动到标题的 h1 标签中，然后用 Span 框起来。<br />
> 接着对此 Span 进行相对定位即可，虽然都是行内元素，但是相对定位可没有问题的。</p>
<pre class="brush: css; auto-links: false; html-script: false; title: ; notranslate">
#blog-description{
  font-size:12px;padding-left:5px;position:relative;top:-22px;
}
</pre>
<p>2. <strong>我的 jQuery Selectors 工具</strong>：</p>
<p>> <a target="_black" href="http://tool.evlos.org/jqselectors/">http://tool.evlos.org/jqselectors/</a></p>
<p><img src="http://www.rainmoe.com/wp-content/uploads/old/Capture0636.jpg" /></p>
<p>> 此工具能够让大家对 jQuery 的选择器有一个比较具体的理解，可以试试看喔。</p>
<p>2. <strong>CSS整形与优化工具</strong>：</p>
<p>> 工具箱中提供了 <a target="_blank" rel="nofollow"  href="http://www.life-studio.cn/">万戈童鞋</a> 介绍的灰常强大的 CSS 整形与优化工具。</p>
<p>> <a target="_black" href="http://tool.evlos.org/csstidy/">http://tool.evlos.org/csstidy/</a></p>
<p><img src="http://www.rainmoe.com/wp-content/uploads/old/Capture0470.jpg" /></p>
<p>> 之后我就把他的 3.24KB 的超小 CSS 文件再使用这个工具压缩，压缩为 2.77KB 。<br />
> 压缩率为 25%，灰常强大的说。基本上所有可阅读性比较高的 CSS 文件都可以保持这个压缩比率。</p>
<p>3. <strong>邮箱地址图标制作</strong>：</p>
<p>> <a target="_black" href="http://tool.evlos.org/mailtoimg/">http://tool.evlos.org/mailtoimg/</a></p>
<p><img src="http://image215.poco.cn/mypoco/myphoto/20100118/14/54669397201001181411036921371052526_052.jpg" /></p>
<p>> 呵呵，这个比较好玩的说，大家可以没事做做看，这个程序是老程序了。</p>
<p>4. <strong>Javascript 代码加密压缩</strong>：</p>
<p>> <a target="_black" href="http://tool.evlos.org/jspacker/">http://tool.evlos.org/jspacker/</a></p>
<p><img src="http://www.rainmoe.com/wp-content/uploads/old/Capture0590.png" /></p>
<p>> 这个代码加密压缩也是很不错的，16.8KB 的 JS 文件可以压缩为 14.4 KB，灰常紧凑。<br />
> 当然加密功能也是不错的，虽然 HighASCLL 方式的压缩有点问题，不过不碍事，用 Normal 即可。<br />
> 还可添加捣乱的一些字符代码，让可阅读性下降到最低，虽然高手还是能还原的，让人头疼一下倒是不错。</p>
<p>5. <strong>最后给619童鞋提了分类建议</strong>：</p>
<p>> ╮(╯▽╰)╭ 话说因为他的文章比较有特色，让他很纠结来着，没分类，所以我试着分了一下。</p>
<p><img src="http://www.rainmoe.com/wp-content/uploads/old/Capture0664.jpg" /></p>
<p>6. 围观<a rel="nofollow" target="_blank" href="http://yini.org/">秘密花园</a>：</p>
<p>> 此网站为当今幸存的全手工Html静态网站，绝对可以成为文物啊！<br />
> 计数器自 1999年1月20日 开始统计，今天的数字为千万级别的：53915655。</p>
<p><img src="http://www.rainmoe.com/wp-content/uploads/old/Capture0665.jpg" /></p>
<p>7. <strong>欢迎来 Follow 我的 Twitter <a target="_blank" rel="nofollow" href="http://twitter.com/angelsolo">@AngelSolo</a></strong> 。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rainmoe.com/2009/12/06/how-to-use-my-tool-box/feed/</wfw:commentRss>
		<slash:comments>38</slash:comments>
		</item>
		<item>
		<title>如何给站点添加Icon</title>
		<link>http://www.rainmoe.com/2009/10/07/how-to-add-icon-to-website/</link>
		<comments>http://www.rainmoe.com/2009/10/07/how-to-add-icon-to-website/#comments</comments>
		<pubDate>Wed, 07 Oct 2009 12:12:00 +0000</pubDate>
		<dc:creator>小邪</dc:creator>
				<category><![CDATA[代码 [Code]]]></category>
		<category><![CDATA[favicon]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[style]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.evlos.org/?p=399</guid>
		<description><![CDATA[站点的Icon是除了Logo的另一个图形标志

好的Icon能够很快得在收藏夹中凸显出来

本站现在还是暂时使用Inove自带的Icon

<span class="readmore"><a href="http://www.rainmoe.com/2009/10/07/how-to-add-icon-to-website/" title="如何给站点添加Icon">阅读全文——共338字</a></span>]]></description>
			<content:encoded><![CDATA[<p>站点的Icon是除了Logo的另一个图形标志<br />
好的Icon能够很快得在收藏夹中凸显出来<br />
本站现在还是暂时使用Inove自带的Icon<br />
新的Icon正在制作中 </p>
<p><img src="http://www.rainmoe.com/wp-content/uploads/old/Capture273.JPG" /></p>
<p>步骤 For WordPress：<br />
&gt; 只要编辑模板中的Header.php即头部<br />
&gt; 找到标签</p>
<pre class="brush: css; auto-links: false; html-script: false; title: ; notranslate">&lt;title&gt;</pre>
<p>> 当然非Wordpress站点可能在index文件 实际上是title标签在哪就插哪<br />
> 在其<下方新建一行插入以下代码<br />
&gt; 显示页面的时候即会自动使用网站根目录的favicon.ico文件</p>
<pre class="brush: css; auto-links: false; html-script: false; title: ; notranslate">&lt;link rel=&quot;Shortcut Icon&quot; href=&quot;/favicon.ico&quot; type=&quot;image/x-icon&quot; /&gt;</pre>
<p>> 当然你也可以把以下函数加在地址段中 可用来指向当前模板根目录 </p>
<pre class="brush: css; auto-links: false; html-script: false; title: ; notranslate">&lt;?php bloginfo('template_directory');?&gt;</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.rainmoe.com/2009/10/07/how-to-add-icon-to-website/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using memcached (Feed is rejected)
Page Caching using memcached
Database Caching 1/15 queries in 0.012 seconds using memcached
Object Caching 252/278 objects using memcached

Served from: www.rainmoe.com @ 2012-02-09 16:47:41 -->
