<?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; Theme</title>
	<atom:link href="http://if.api.li/category/theme/feed" rel="self" type="application/rss+xml" />
	<link>http://if.api.li</link>
	<description>有没有用不重要 有不有趣很重要</description>
	<lastBuildDate>Wed, 09 Dec 2009 17:50:59 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		
<!-- Start Of Script Generated By WP-PostViews Plus -->
<script type='text/javascript' src='http://if.api.li/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>
<script type="text/javascript">
/* <![CDATA[ */
/* ]]> */
</script>
<!-- End Of Script Generated By WP-PostViews Plus -->
	<item>
		<title>让你的iPod Theme 按钮显示更快</title>
		<link>http://if.api.li/20080406</link>
		<comments>http://if.api.li/20080406#comments</comments>
		<pubDate>Sun, 06 Apr 2008 14:11:10 +0000</pubDate>
		<dc:creator>iFire</dc:creator>
				<category><![CDATA[Theme]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://if.api.li/?p=12</guid>
		<description><![CDATA[这个更新对于CSS高手来说不值一提，但对于控制CSS不太熟练或手懒的朋友会有些帮助。
iPod Theme 在顶部菜单、首页评论数字显示及下载按钮这三处使用了鼠标滑过更换超链背景图，由于制作过程我反复尝试配色，所以超链背景图都分成了两个文件，由于图片并不大，就没有进行合并处理。不过为让背景更换更快捷，我昨天抽空还是把它调整了一下，将不同的背景进行合并，并针对CSS做了小修改，这样鼠标滑过效果不需要再行读取新文件，而是调用背景的不同位置。
◎ 顶部菜单超链背景：
将下面的图片保存并上传到iPod Theme的图片目录中 (&#8230;/wp-content/themes/ipod/img/ )

在样式表中找到&#34;#hsub li a&#34;的&#34;background&#34;定义，替换为以下内容：
background:url(img/menua.gif) no-repeat right top;
在样式表中找到&#34;#hsub li a:hover &#34;的&#34;background&#34;定义，替换为以下内容：
background:url(img/menua.gif) no-repeat right bottom;
◎ 首页显示评论数字超链背景：

将下面的图片保存并上传到iPod Theme的图片目录中 (&#8230;/wp-content/themes/ipod/img/ )

在样式表中找到&#34;.commentbotten a:link, .commentbotten a:visited&#34;的&#34;background&#34;定义，替换为以下内容：
background : url(img/commenta.png) no-repeat top center;
在样式表中找到&#34;.commentbotten a:hover, .commentbotten a:active&#34;的&#34;background&#34;定义，替换为以下内容：
background : url(img/commenta.png) no-repeat bottom center;
在样式表中找到&#34;span.commentbotten span&#34;的&#34;background&#34;定义，替换为以下内容：
background : url(img/commenta.png) no-repeat top center;
◎ 下载按钮超链背景：
将下面的图片保存并上传到iPod Theme的图片目录中 (&#8230;/wp-content/themes/ipod/img/ )

在样式表中找到&#34;.dlp a:link, .dlp a:visited&#34;的&#34;background&#34;定义，替换为以下内容：
background : url(img/dl.png) no-repeat top [...]]]></description>
			<content:encoded><![CDATA[<p>这个更新对于CSS高手来说不值一提，但对于控制CSS不太熟练或手懒的朋友会有些帮助。</p>
<p>iPod Theme 在顶部菜单、首页评论数字显示及下载按钮这三处使用了鼠标滑过更换超链背景图，由于制作过程我反复尝试配色，所以超链背景图都分成了两个文件，由于图片并不大，就没有进行合并处理。不过为让背景更换更快捷，我昨天抽空还是把它调整了一下，将不同的背景进行合并，并针对CSS做了小修改，这样鼠标滑过效果不需要再行读取新文件，而是调用背景的不同位置。</p>
<p class="if">◎ 顶部菜单超链背景：</p>
<p>将下面的图片保存并上传到iPod Theme的图片目录中 (&#8230;/wp-content/themes/ipod/img/ )</p>
<p><img src="http://if.api.li/wp-content/themes/if/img/menua.gif" /></p>
<p>在样式表中找到&quot;#hsub li a&quot;的&quot;background&quot;定义，替换为以下内容：</p>
<p class="code">background:url(img/menua.gif) no-repeat right top;</p>
<p>在样式表中找到&quot;#hsub li a:hover &quot;的&quot;background&quot;定义，替换为以下内容：</p>
<p class="code">background:url(img/menua.gif) no-repeat right bottom;</p>
<p class="if">◎ 首页显示评论数字超链背景：</p>
<p><span id="more-12"></span></p>
<p>将下面的图片保存并上传到iPod Theme的图片目录中 (&#8230;/wp-content/themes/ipod/img/ )</p>
<p><img src="http://if.api.li/wp-content/themes/if/img/commenta.png" /></p>
<p>在样式表中找到&quot;.commentbotten a:link, .commentbotten a:visited&quot;的&quot;background&quot;定义，替换为以下内容：</p>
<p class="code">background : url(img/commenta.png) no-repeat top center;</p>
<p>在样式表中找到&quot;.commentbotten a:hover, .commentbotten a:active&quot;的&quot;background&quot;定义，替换为以下内容：</p>
<p class="code">background : url(img/commenta.png) no-repeat bottom center;</p>
<p>在样式表中找到&quot;span.commentbotten span&quot;的&quot;background&quot;定义，替换为以下内容：</p>
<p class="code">background : url(img/commenta.png) no-repeat top center;</p>
<p class="if">◎ 下载按钮超链背景：</p>
<p>将下面的图片保存并上传到iPod Theme的图片目录中 (&#8230;/wp-content/themes/ipod/img/ )</p>
<p><img src="http://if.api.li/wp-content/themes/if/img/dl.png" /></p>
<p>在样式表中找到&quot;.dlp a:link, .dlp a:visited&quot;的&quot;background&quot;定义，替换为以下内容：</p>
<p class="code">background : url(img/dl.png) no-repeat top center;</p>
<p>在样式表中找到&quot;.dlp a:hover, .dlp a:active&quot;的&quot;background&quot;定义，替换为以下内容：</p>
<p class="code">background : url(img/dl.png) no-repeat bottom center;</p>
<p class="if">◎ 下载按钮使用方法</p>
<p class="code">&lt;span class=&quot;dlp&quot;&gt;&lt;a target=&quot;_blank&quot; href=&quot;url&quot;&gt;&lt;/a&gt;&lt;/span&gt;</p>
<p>将其中url替换成下载路径即可。这种方法对于呈现页面好看，对于RSS读者比较麻烦，因为没有任何文字链接显示。不过如果你对iPod Theme中的&quot;.hid&quot;定义没有修改，也可以这样做：</p>
<p class="code">&lt;span class=&quot;dlp&quot;&gt;&lt;a target=&quot;_blank&quot; href=&quot;url&quot;&gt;&lt;span class=&quot;hid&quot;&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;</p>
<p>这样在缺失样式表的情况下就会有文字链接呈现出来。不过我想很少人愿意这么用，文字链接或单纯的图片按钮会更简单：</p>
<p class="code">&lt;a target=&quot;_blank&quot; href=&quot;url&quot;&gt;&lt;img src=&quot;your ipod theme path/img/dla.gif&quot; /&gt;&lt;/a&gt;</p>
<p>其中your ipod theme path就是你的ipod theme 路径</p>
<p><img src="http://if.api.li/ico/if.gif" /> <font color="#C0C0C0"> 不如总在途中 于是常有希冀</font></p>
<p><a href="http://www.myspace.cn/Modules/PostTo/Pages/DefaultMblog.aspx?t=让你的iPod Theme 按钮显示更快&u=http://if.api.li/20080406" rel="nofollow" title=”分享到9911”><img src="http://if.api.li/ico/9911.gif" /></a> <a href="http://twitter.com/home?status=Reading: 让你的iPod Theme 按钮显示更快 by @ifire http://if.api.li/20080406" title="Twitter this"><img src="http://if.api.li/ico/twitter.gif" alt="Twitter this" /></a> <a href="http://del.icio.us/post?url=http://if.api.li/20080406&title=让你的iPod Theme 按钮显示更快" target="_blank" title="add to delicious"><img src="http://if.api.li/ico/delicious.gif" alt="add to delicious"/></a> <a href="http://friendfeed.com/?url=http://if.api.li/20080406&title=让你的iPod Theme 按钮显示更快" target="_blank" title="share to friendfeed"><img src="http://if.api.li/ico/friendfeed.gif" alt="share to friendfeed"/></a></p>
<small>Posted by iFire @ 2008-04-06 | <a href="http://ifire.me/about/">About</a> | <a href="http://if.api.li/20080406" title="让你的iPod Theme 按钮显示更快">Permalink</a> | <a href="http://if.api.li/20080406#respond">Add Comments</a> | <a href="http://if.api.li/20080406trackback">Trackback</a> | <a href="http://feed.feedsky.com/if-api">Feed</a> | <a href="http://friendfeed.com/ifire" target="_blank">My Lifestream</a></small>
<hr size="1" />
<font color="#FF0066">注：阅读器无法识别文章中的多媒体文件</font>
<p><img src="http://tinyurl.com/2s868b" alt="counter" /></p>
<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://if.api.li/20080406/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iPod Theme 中文版正文宽幅调整方法</title>
		<link>http://if.api.li/2008040</link>
		<comments>http://if.api.li/2008040#comments</comments>
		<pubDate>Tue, 01 Apr 2008 16:30:00 +0000</pubDate>
		<dc:creator>iFire</dc:creator>
				<category><![CDATA[Theme]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[iPod]]></category>
		<category><![CDATA[Skin]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://if.api.li/?p=9</guid>
		<description><![CDATA[有些朋友喜欢将在正文中插入的图片宽度设定为500像素，那么在iPod Theme的正文区域就会撑破框架，这里注明一下修改正文宽幅的方法：
找到样式表文件(style.css)
第225行对.entry的正文宽幅定义进行修改，将原来的
width : 493px; padding: 10px 30px;
修改为:
width : 513px; padding: 10px 20px;
在第308行对.inav的前一篇、后一篇导航区块宽度定义进行修改，将原来的
width : 493px;
修改为:
width : 513px;
去该插件的发布页面查阅详细说明及相关下载地址
  不如总在途中 于是常有希冀
   
Posted by iFire @ 2008-04-02 &#124; About &#124; Permalink &#124; Add Comments &#124; Trackback &#124; Feed &#124; My Lifestream

注：阅读器无法识别文章中的多媒体文件

Feed enhanced by Better Feed from  Ozh
]]></description>
			<content:encoded><![CDATA[<p>有些朋友喜欢将在正文中插入的图片宽度设定为500像素，那么在iPod Theme的正文区域就会撑破框架，这里注明一下修改正文宽幅的方法：</p>
<p>找到样式表文件(style.css)</p>
<p>第225行对<span class="if">.entry</span>的正文宽幅定义进行修改，将原来的</p>
<p class="code">width : 493px; padding: 10px 30px;</p>
<p>修改为:</p>
<p class="code">width : 513px; padding: 10px 20px;</p>
<p>在第308行对<span class="if">.inav</span>的前一篇、后一篇导航区块宽度定义进行修改，将原来的</p>
<p class="code">width : 493px;</p>
<p>修改为:</p>
<p class="code">width : 513px;</p>
<p class="ileft"><a href="http://if.api.li/ipodtheme">去该插件的发布页面查阅详细说明及相关下载地址</a></p>
<p><img src="http://if.api.li/ico/if.gif" /> <font color="#C0C0C0"> 不如总在途中 于是常有希冀</font></p>
<p><a href="http://www.myspace.cn/Modules/PostTo/Pages/DefaultMblog.aspx?t=iPod Theme 中文版正文宽幅调整方法&u=http://if.api.li/2008040" rel="nofollow" title=”分享到9911”><img src="http://if.api.li/ico/9911.gif" /></a> <a href="http://twitter.com/home?status=Reading: iPod Theme 中文版正文宽幅调整方法 by @ifire http://if.api.li/2008040" title="Twitter this"><img src="http://if.api.li/ico/twitter.gif" alt="Twitter this" /></a> <a href="http://del.icio.us/post?url=http://if.api.li/2008040&title=iPod Theme 中文版正文宽幅调整方法" target="_blank" title="add to delicious"><img src="http://if.api.li/ico/delicious.gif" alt="add to delicious"/></a> <a href="http://friendfeed.com/?url=http://if.api.li/2008040&title=iPod Theme 中文版正文宽幅调整方法" target="_blank" title="share to friendfeed"><img src="http://if.api.li/ico/friendfeed.gif" alt="share to friendfeed"/></a></p>
<small>Posted by iFire @ 2008-04-02 | <a href="http://ifire.me/about/">About</a> | <a href="http://if.api.li/2008040" title="iPod Theme 中文版正文宽幅调整方法">Permalink</a> | <a href="http://if.api.li/2008040#respond">Add Comments</a> | <a href="http://if.api.li/2008040trackback">Trackback</a> | <a href="http://feed.feedsky.com/if-api">Feed</a> | <a href="http://friendfeed.com/ifire" target="_blank">My Lifestream</a></small>
<hr size="1" />
<font color="#FF0066">注：阅读器无法识别文章中的多媒体文件</font>
<p><img src="http://tinyurl.com/2s868b" alt="counter" /></p>
<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://if.api.li/2008040/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>微博应用：做啥评论插件 4.0</title>
		<link>http://if.api.li/20080401</link>
		<comments>http://if.api.li/20080401#comments</comments>
		<pubDate>Tue, 01 Apr 2008 03:05:00 +0000</pubDate>
		<dc:creator>iFire</dc:creator>
				<category><![CDATA[Theme]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[iPod]]></category>
		<category><![CDATA[Skin]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://if.api.li/?p=8</guid>
		<description><![CDATA[做啥评论插件 ZSI-Comments 4.0
作者：Hongxiaowan
修订：iFire
说明：本插件根据做啥JS插件修改，并使用了做啥 Tag API
去该插件的发布页面查阅详细说明及相关下载地址
  不如总在途中 于是常有希冀
   
Posted by iFire @ 2008-04-01 &#124; About &#124; Permalink &#124; Add Comments &#124; Trackback &#124; Feed &#124; My Lifestream

注：阅读器无法识别文章中的多媒体文件

Feed enhanced by Better Feed from  Ozh
]]></description>
			<content:encoded><![CDATA[<p>做啥评论插件 ZSI-Comments 4.0</p>
<p>作者：<a target="_blank" href="http://hongxiaowan.com/">Hongxiaowan</a><br />
修订：<a target="_blank" href="http://ifire.cn/">iFire</a><br />
说明：本插件根据做啥JS插件修改，并使用了做啥 Tag <a target="_blank" href="http://www.zuosa.com/Help/api.html">API</a></p>
<p class="ileft"><a href="http://if.api.li/zsicomm">去该插件的发布页面查阅详细说明及相关下载地址</a></p>
<p><img src="http://if.api.li/ico/if.gif" /> <font color="#C0C0C0"> 不如总在途中 于是常有希冀</font></p>
<p><a href="http://www.myspace.cn/Modules/PostTo/Pages/DefaultMblog.aspx?t=微博应用：做啥评论插件 4.0&u=http://if.api.li/20080401" rel="nofollow" title=”分享到9911”><img src="http://if.api.li/ico/9911.gif" /></a> <a href="http://twitter.com/home?status=Reading: 微博应用：做啥评论插件 4.0 by @ifire http://if.api.li/20080401" title="Twitter this"><img src="http://if.api.li/ico/twitter.gif" alt="Twitter this" /></a> <a href="http://del.icio.us/post?url=http://if.api.li/20080401&title=微博应用：做啥评论插件 4.0" target="_blank" title="add to delicious"><img src="http://if.api.li/ico/delicious.gif" alt="add to delicious"/></a> <a href="http://friendfeed.com/?url=http://if.api.li/20080401&title=微博应用：做啥评论插件 4.0" target="_blank" title="share to friendfeed"><img src="http://if.api.li/ico/friendfeed.gif" alt="share to friendfeed"/></a></p>
<small>Posted by iFire @ 2008-04-01 | <a href="http://ifire.me/about/">About</a> | <a href="http://if.api.li/20080401" title="微博应用：做啥评论插件 4.0">Permalink</a> | <a href="http://if.api.li/20080401#respond">Add Comments</a> | <a href="http://if.api.li/20080401trackback">Trackback</a> | <a href="http://feed.feedsky.com/if-api">Feed</a> | <a href="http://friendfeed.com/ifire" target="_blank">My Lifestream</a></small>
<hr size="1" />
<font color="#FF0066">注：阅读器无法识别文章中的多媒体文件</font>
<p><img src="http://tinyurl.com/2s868b" alt="counter" /></p>
<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://if.api.li/20080401/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iPod Theme 2.5 发布</title>
		<link>http://if.api.li/20080330</link>
		<comments>http://if.api.li/20080330#comments</comments>
		<pubDate>Sun, 30 Mar 2008 10:25:00 +0000</pubDate>
		<dc:creator>iFire</dc:creator>
				<category><![CDATA[Theme]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[iPod]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://if.api.li/?p=1</guid>
		<description><![CDATA[我是两年前开始试用Wordpress程序的，当初在它提供的默认模板的基础上就制作过一个iPod主题，但并没有正式启用过。日前好友dupola发布了一款苹果主题，帮他测试页面的时候谈及我曾经做过的那个iPod主题，他怂恿我共享出来，又恰逢Wordpress 2.5正式版即将发布，于是我便着手修改那个iPod主题。
实际上主题中所有的图片图标我都重新做了，主要取材于苹果的官方网站，我的工作仅限于呈现模式。经过一周左右的修改与测试，期间Wordpress 2.5也相继放出三个公测版，直到昨天正式版本发布，我也刚好完成了iPod主题的样式表验证与代码清理工作，并在正式版上反复测试，这个主题在IE、Firefox、Oprea及苹果出品的Safari这四款浏览器下均经过测试，应该没什么大问题。
去该模板的发布页面查阅详细说明及相关下载地址
  不如总在途中 于是常有希冀
   
Posted by iFire @ 2008-03-30 &#124; About &#124; Permalink &#124; Add Comments &#124; Trackback &#124; Feed &#124; My Lifestream

注：阅读器无法识别文章中的多媒体文件

Feed enhanced by Better Feed from  Ozh
]]></description>
			<content:encoded><![CDATA[<p>我是两年前开始试用<a target="_blank" href="http://wordpress.org">Wordpress</a>程序的，当初在它提供的默认模板的基础上就制作过一个iPod主题，但并没有正式启用过。日前好友<a target="_blank" href="http://dupola.com/wordpress/apple">dupola发布了一款苹果主题</a>，帮他测试页面的时候谈及我曾经做过的那个iPod主题，他怂恿我共享出来，又恰逢Wordpress 2.5正式版即将发布，于是我便着手修改那个iPod主题。</p>
<p>实际上主题中所有的图片图标我都重新做了，主要取材于<a target="_blank" href="http://www.apple.com">苹果</a>的官方网站，我的工作仅限于呈现模式。经过一周左右的修改与测试，期间Wordpress 2.5也相继放出三个公测版，直到昨天正式版本发布，我也刚好完成了iPod主题的样式表验证与代码清理工作，并在正式版上反复测试，这个主题在IE、Firefox、Oprea及苹果出品的Safari这四款浏览器下均经过测试，应该没什么大问题。</p>
<p class="ileft"><a href="http://if.api.li/ipodtheme">去该模板的发布页面查阅详细说明及相关下载地址</a></p>
<p><img src="http://if.api.li/ico/if.gif" /> <font color="#C0C0C0"> 不如总在途中 于是常有希冀</font></p>
<p><a href="http://www.myspace.cn/Modules/PostTo/Pages/DefaultMblog.aspx?t=iPod Theme 2.5 发布&u=http://if.api.li/20080330" rel="nofollow" title=”分享到9911”><img src="http://if.api.li/ico/9911.gif" /></a> <a href="http://twitter.com/home?status=Reading: iPod Theme 2.5 发布 by @ifire http://if.api.li/20080330" title="Twitter this"><img src="http://if.api.li/ico/twitter.gif" alt="Twitter this" /></a> <a href="http://del.icio.us/post?url=http://if.api.li/20080330&title=iPod Theme 2.5 发布" target="_blank" title="add to delicious"><img src="http://if.api.li/ico/delicious.gif" alt="add to delicious"/></a> <a href="http://friendfeed.com/?url=http://if.api.li/20080330&title=iPod Theme 2.5 发布" target="_blank" title="share to friendfeed"><img src="http://if.api.li/ico/friendfeed.gif" alt="share to friendfeed"/></a></p>
<small>Posted by iFire @ 2008-03-30 | <a href="http://ifire.me/about/">About</a> | <a href="http://if.api.li/20080330" title="iPod Theme 2.5 发布">Permalink</a> | <a href="http://if.api.li/20080330#respond">Add Comments</a> | <a href="http://if.api.li/20080330trackback">Trackback</a> | <a href="http://feed.feedsky.com/if-api">Feed</a> | <a href="http://friendfeed.com/ifire" target="_blank">My Lifestream</a></small>
<hr size="1" />
<font color="#FF0066">注：阅读器无法识别文章中的多媒体文件</font>
<p><img src="http://tinyurl.com/2s868b" alt="counter" /></p>
<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://if.api.li/20080330/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
