<?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; Module</title>
	<atom:link href="http://www.aoao.org.cn/blog/tag/module/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.aoao.org.cn</link>
	<description>没落的角落</description>
	<lastBuildDate>Fri, 13 Jan 2012 03:37:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>iGoogle的主题与模块</title>
		<link>http://www.aoao.org.cn/blog/2007/09/igoogle/</link>
		<comments>http://www.aoao.org.cn/blog/2007/09/igoogle/#comments</comments>
		<pubDate>Sat, 15 Sep 2007 06:58:17 +0000</pubDate>
		<dc:creator>aoao</dc:creator>
				<category><![CDATA[Web开发]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Module]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[前端架构]]></category>

		<guid isPermaLink="false">http://www.loaoao.com/blog/2007/09/igoogle.html</guid>
		<description><![CDATA[iGoogle现在的主题是按时间或者天气变化的，它存放样式的方式也不错。每个主题存在一个xml，除公交车站外，什么时间应该读什么几乎全在XML里，3.14早已经不是什么秘密了，有兴趣就去看下3.14有什么特别。不过感觉他的文件命名有两个特别的：noon和midnight，不知道为什么不统一用时间格式的呢？已知的各套的主题的XML在这里，据说还有一些官方神秘主题，都...]]></description>
			<content:encoded><![CDATA[<p>iGoogle现在的主题是按时间或者天气变化的，它存放样式的方式也不错。每个主题存在一个xml，除公交车站外，什么时间应该读什么几乎全在XML里，3.14早已经不是什么秘密了，有兴趣就去看下3.14有什么特别。不过感觉他的文件命名有两个特别的：noon和midnight，不知道为什么不统一用时间格式的呢？已知的各套的主题的XML在这里，据说还有一些官方神秘主题，都不知道是什么样滴。</p>
<ul>
<li><img src="http://img0.gmodules.com/ig/images/skins/springscape.png" alt="Spring Scape" width="80" height="25" /> 四季景色：<a title="igoogle 主题：四季景色" href="http://www.google.com/ig/skins/springscape.xml">http://www.google.com/ig/skins/springscape.xml</a></li>
<li><img src="http://img0.gmodules.com/ig/images/skins/teahouse.png" alt="Teahouse" width="80" height="25" /> 童话茶楼：<a title="igoogle 主题：童话茶楼" href="http://www.google.com/ig/skins/teahouse.xml">http://www.google.com/ig/skins/teahouse.xml</a></li>
<li><img src="http://img0.gmodules.com/ig/images/skins/beach.png" alt="Beach" width="80" height="25" /> 黄金海滩：<a title="igoogle 主题：黄金海滩" href="http://www.google.com/ig/skins/beach.xml">http://www.google.com/ig/skins/beach.xml</a></li>
<li><img src="http://img0.gmodules.com/ig/images/skins/city.png" alt="City Scape" width="80" height="25" /> 城市景观：<a title="igoogle 主题：城市景观" href="http://www.google.com/ig/skins/cityscape.xml">http://www.google.com/ig/skins/cityscape.xml</a></li>
<li><img src="http://img0.gmodules.com/ig/images/skins/sweetdreams.png" alt="Sweet Dreams" width="80" height="25" /> 甜美的梦：<a title="igoogle 主题：甜美的梦" href="http://www.google.com/ig/skins/sweetdreams.xml">http://www.google.com/ig/skins/sweetdreams.xml</a></li>
<li><img src="http://img0.gmodules.com/ig/images/skins/busstop.png" alt="Bus Stop" width="80" height="25" /> 公交车站：<a title="igoogle 主题：公交车站 " href="http://www.google.com/ig/skins/busstop.xml">http://www.google.com/ig/skins/busstop.xml</a></li>
<li><img src="http://img0.gmodules.com/ig/images/skins/winterscape.png" alt="Winter Scape" width="80" height="25" /> 冰天雪地：<a title="igoogle 主题：winterscape" href="http://www.google.com/ig/skins/winterscape.xml">http://www.google.com/ig/skins/winterscape.xml</a></li>
<li><img src="http://img0.gmodules.com/ig/images/skins/planets.png" alt="Solar System" width="80" height="25" /> Solar System:：<a title="igoogle 主题：Solar System" href="http://www.google.com/ig/skins/planets.xml">http://www.google.com/ig/skins/planets.xml</a></li>
<li><img src="http://img0.gmodules.com/ig/images/skins/fallscape.png" alt="Autumn" width="80" height="25" />Autumn：<a title="igoogle 主题：Autumn" href="http://www.google.com/ig/skins/autumn.xml">http://www.google.com/ig/skins/autumn.xml</a></li>
<li><img src="http://img0.gmodules.com/ig/images/skins/hongkong.png" alt="hongkong" width="80" height="25" /> HongKong：<a title="igoogle 主题：hongkong" href="http://www.google.com/ig/skins/hongkong.xml">http://www.google.com/ig/skins/hongkong.xml</a></li>
<li><img src="http://img0.gmodules.com/ig/images/skins/JR.png" alt=" J. R." width="80" height="25" /> J. R.：<a title="igoogle 主题：J. R." href="http://www.google.com/ig/skins/jr.xml">http://www.google.com/ig/skins/jr.xml</a></li>
<li><img src="http://img0.gmodules.com/ig/images/skins/tiger.png" alt="Aja Tiger" width="80" height="25" /> Aja Tiger：<a title="igoogle 主题Aja Tiger" href="http://www.google.com/ig/skins/tiger.xml">http://www.google.com/ig/skins/tiger.xml</a></li>
<li><img src="http://img0.gmodules.com/ig/images/skins/holidayvillage.jpg" alt="Holiday Village" width="80" height="25" />Holiday Village：<a title="igoogle 主题Holiday Village" href="http://www.google.com/ig/skins/holidayvillage.xml">http://www.google.com/ig/skins/holidayvillage.xml</a> <sup>new</sup></li>
<li><img src="http://www.google.com/ig/images/skins/taiwanlandscape_thumbnail.jpg" alt="taiwanlandscape" width="80" height="25" /> Aja Tiger：<a title="igoogle 主题 taiwanlandscape" href="http://www.google.com/ig/skins/taiwanlandscape.xml">http://www.google.com/ig/skins/taiwanlandscape.xml</a> <sup>new</sup></li>
</ul>
<p>“冰天雪地”的名字是我起滴^_^，默认是看不到，如果想要看的话，打开iGoogle，先点<span>选择主题</span>，然后在地址栏上敲上：</p>
<pre><code>javascript:_dlsetp('preview_skin=skins/winterscape.xml');</code></pre>
<p>要不要保存就是自己的事了^^，XML地址源自<a href="http://michaelsync.net/2007/07/25/all-screenshots-of-google-theme-igoogle/">All screenshots of  Google Theme (iGoogle)</a>，绕道而行。</p>
<p>update：2007.11.6 发现了新的五个 <a href="http://googlesystem.blogspot.com/2007/11/new-igoogle-themes.html">Five New iGoogle Themes</a>，使用方式同冰天雪地，只要改XML就可以</p>
<p>3.14的看法也是敲代码。。</p>
<pre><code>javascript:void(document.getElementById("ext_css").href="/ig/skins/hongkong/hongkong_3.14am.css");</code></pre>
<p>iGoogle的模块处理的方式也不错，也是用xml来存，类如这样：</p>
<pre>&lt;?xml version="1.0" encoding="UTF-8" ?&gt;
&lt;Module&gt;
  &lt;ModulePrefs title="hello aoao example" /&gt;
  &lt;Content type="html"&gt;
     &lt;![CDATA[
       子乌不发威，你当我是hello aoao!
     ]]&gt;
  &lt;/Content&gt;
&lt;/Module&gt;</pre>
<blockquote cite="http://www.google.com/intl/zh-CN/apis/gadgets/gs.html">
<ul>
<li><code>&lt;Module&gt;</code> 标记说明此 XML 文件包含小工具。</li>
<li><code>&lt;ModulePrefs&gt;</code> 标记包含关于小工具的信息，如标题、说明、作者和其他可选功能。</li>
<li><code>&lt;Content type="html"&gt;</code> 行说明此小工具的内容类型为 HTML。</li>
<li><code>&lt;![CDATA[ ...<em>insert HTML here</em>... ]]&gt;</code> 用于在小工具内容类型为 <span class="codetext">html</span> 时将 HTML 包括于其中，告诉小工具解析器 CDATA 部分内的文本不应视作 XML。CDATA 部分通常包含 HTML 和 JavaScript。</li>
</ul>
</blockquote>
<p>这个方式的定制性很大，也很自由，更详细的介绍可以看<a title="Google 小工具 API" href="http://www.google.com/intl/zh-CN/apis/gadgets/index.html">Google 小工具 API</a>。早已经有人把Google 相关的模块都整理出来，起名Google OS，不过我忘记最早是在哪里发现的，我共享了我自己的&#8221;Google OS&#8221;标签页，<a href="http://www.google.com/ig/sharetab?source=stb&amp;stid=113308975163625867709d21c4bb046e6eac62db3002dd35fbb7b"><img src="http://buttons.googlesyndication.com/fusion/add.gif" border="0" alt="Add to Google" width="104" height="17" /></a> ^_^ 我最近也在接触类似的项目。</p>
<p>也有人做了“<a href="http://bonstio.net/google-gadgets/custom-igoogle-skins.html">Custom iGoogle Skins</a>” 的模块，<a href="http://fusion.google.com/add?moduleurl=http%3A//igskins.googlecode.com/svn/trunk/skins.xml"><img src="http://buttons.googlesyndication.com/fusion/add.gif" border="0" alt="Add to Google" width="104" height="17" /></a>，可以玩转iGoogle主题。</p>
<p>update 08/7/20:要玩新版的igoogle可将语言设定为English；在地址栏中输入<code>javascript:_dlsetp('v2=1')，回车。</code> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.aoao.org.cn/blog/2007/09/igoogle/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.514 seconds -->

