<?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.evlos.org/tag/icon/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.evlos.org</link>
	<description>A straw shows which way the wind blows ..</description>
	<lastBuildDate>Sun, 05 Sep 2010 20:37:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>菠萝阁的工具箱使用基础指南</title>
		<link>http://www.evlos.org/2009/12/06/how-to-use-my-tool-box/</link>
		<comments>http://www.evlos.org/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[站内 [Website]]]></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进行全方位极限加速，不要错过喔。 > 话说回来，主要是记录一下对619童鞋网站的一点修改与为自己的工具箱做个小小的使用指南。 > ╮(╯▽╰)╭ ，最近小邪堕落了，灰常喜欢用颜文字来表达思想感情，~ (～ o ～)~zZ ~~~///(^v^)\\\~~~。 1. 首先帮619童鞋加上了 裸奔帝国™ 的标志（图在上面）： > 因为不做个标志的话，每个童鞋进他博客的第一件事情就是检查自己的浏览器是不是出了问题。 > 强悍一点的马上就去开杀毒软件鸟。然后郁闷地回来留言说原来是 Sandbox 模板来着。 > 虽然我先前建议用 CSS裸奔帝国™，不过短一点也没啥，嘿嘿。 1 2 3 4 5 6 7 8 9 10 11 12 &#60;div id=&#34;header&#34;&#62; &#60;h1 id=&#34;blog-title&#34;&#62; &#60;span&#62; &#60;a href=&#34;&#60;?php bloginfo&#40;'home'&#41; ?&#62;/&#34; title=&#34;&#60;?php echo wp_specialchars&#40; get_bloginfo&#40;'name'&#41;, 1 &#41; ?&#62;&#34; [...]]]></description>
			<content:encoded><![CDATA[<p>> 传说中有个YD男叫619，一定要我写一篇文章祭奠他一下，所以当然的，这篇文章以他为主线。<br />
> 嘿嘿嘿嘿 O(∩_∩)O，预告一下，下一篇文章针对WP进行全方位极限加速，不要错过喔。</p>
<p><img src="http://www.evlos.org/ev-box/myimg/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.evlos.org/ev-box/myimg/uploads/old/Capture0666.jpg" /></p>
<p>> 因为不做个标志的话，每个童鞋进他博客的第一件事情就是检查自己的浏览器是不是出了问题。<br />
> 强悍一点的马上就去开杀毒软件鸟。然后郁闷地回来留言说原来是 Sandbox 模板来着。<br />
> 虽然我先前建议用 CSS裸奔帝国™，不过短一点也没啥，嘿嘿。</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">&lt;div id=&quot;header&quot;&gt;
  &lt;h1 id=&quot;blog-title&quot;&gt;
    &lt;span&gt;
      &lt;a href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'home'</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>/&quot; 
      title=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> wp_specialchars<span style="color: #009900;">&#40;</span> get_bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'name'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">1</span> <span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; 
      rel=&quot;home&quot;&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'name'</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/a&gt;
    &lt;/span&gt;
    &lt;span id=&quot;blog-description&quot;&gt;
      <span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'description'</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
    &lt;/span&gt;
  &lt;/h1&gt;
&lt;/div&gt;</pre></td></tr></table></div>

<p><!--  #header --></p>
<p>> 首先把博客的 Description 移动到标题的 h1 标签中，然后用 Span 框起来。<br />
> 接着对此 Span 进行相对定位即可，虽然都是行内元素，但是相对定位可没有问题的。</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#blog-description</span><span style="color: #00AA00;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span><span style="color: #933;">12px</span><span style="color: #00AA00;">;</span>padding-<span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span><span style="color: #933;">5px</span><span style="color: #00AA00;">;</span>position<span style="color: #00AA00;">:</span><span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span>top<span style="color: #00AA00;">:</span><span style="color: #933;">-22px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<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.evlos.org/ev-box/myimg/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.evlos.org/ev-box/myimg/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.evlos.org/ev-box/myimg/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.evlos.org/ev-box/myimg/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.evlos.org/ev-box/myimg/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.evlos.org/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.evlos.org/2009/10/07/how-to-add-icon-to-website/</link>
		<comments>http://www.evlos.org/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[站内 [Website]]]></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 新的Icon正在制作中 步骤 For WordPress： &#62; 只要编辑模板中的Header.php即头部 &#62; 找到标签 1 &#60;title&#62; > 当然非Wordpress站点可能在index文件 实际上是title标签在哪就插哪 > 在其 当然你也可以把以下函数加在地址段中 可用来指向当前模板根目录 1 &#60;?php bloginfo&#40;'template_directory'&#41;;?&#62;]]></description>
			<content:encoded><![CDATA[<p>站点的Icon是除了Logo的另一个图形标志<br />
好的Icon能够很快得在收藏夹中凸显出来<br />
本站现在还是暂时使用Inove自带的Icon<br />
新的Icon正在制作中 </p>
<p><img src="http://www.evlos.org/ev-box/myimg/uploads/old/Capture273.JPG" /></p>
<p>步骤 For WordPress：<br />
&gt; 只要编辑模板中的Header.php即头部<br />
&gt; 找到标签</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;title<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>> 当然非Wordpress站点可能在index文件 实际上是title标签在哪就插哪<br />
> 在其<下方新建一行插入以下代码<br />
&gt; 显示页面的时候即会自动使用网站根目录的favicon.ico文件</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;link rel<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Shortcut Icon&quot;</span> href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;/favicon.ico&quot;</span> type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;image/x-icon&quot;</span> /<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>> 当然你也可以把以下函数加在地址段中 可用来指向当前模板根目录</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;?php bloginfo<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">'template_directory'</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span>?<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://www.evlos.org/2009/10/07/how-to-add-icon-to-website/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
