偶滴iGoogle主题总算出现在iGoogle全球主题库啦。恭喜下。吼吼。不过配色总感觉有点不太搭配。

偶滴iGoogle主题叫做梦幻圆环(Dream_Circle),这是梦幻圆环的共享地址强烈欢迎支持shuil的小盆友们使用偶滴iGoogle梦幻圆环主题。免费哦~(鄙视iGoogle的不要鄙视我,马上关闭此网页)

其实偶没有photoshop设计天赋,不过是让图片的边缘过渡得平滑些,原图片设计作者免费共享滴,可惜忘了他的名字,罪过罪过。

iGoogle主题源代码

下面是梦幻圆环iGoogle主题的源代码,可以作为iGoogle主题源代码示例。你可以看出下午五点到晚上12点是蓝色滴那个,下午五点之前是红得发紫滴那个(timeofday)。我是不是说反啦?

代码中相关图片版权所有。严禁任何形式的转载和引用。否则,将联合Google跨省追捕(manhunt)。

[code=xml]<?xml version="1.0"  encoding="UTF-8"?>
<ConfigMaps>
<ConfigMap type="Skin">
<Meta name="title">Dream_circle Theme</Meta>
<Meta name="description">so cool!</Meta>
<Meta name="author">shuil</Meta>
<Meta name="author_email">shuilooo@gmail.com</Meta>
<Meta name="thumbnail">http://igoogle-pic.googlecode.com/files/suolvetu.jpg</Meta>
</ConfigMap>

<ConfigMap type="Skin">
<Attribute name="header.logo">beveled_purplered</Attribute>
<Trait name="TimeOfDay">5pm-12am</Trait>
<Attribute name="header.background_color">#ffffff</Attribute>
<Attribute name="header.tile_image.url">http://igoogle-pic.googlecode.com/files/dream_circle_blue4.jpg
</Attribute>
<Attribute name="attribution.image.url">http://igoogle-pic.googlecode.com/files/shuilooo_qianming.png
</Attribute>
<Attribute name="gadget_area.menu_icon.image.url">http://igoogle-themes.googlecode.com/svn/trunk/aa00ff_menu.gif</Attribute>
<Attribute name="gadget_area.delete_icon.image.url">http://igoogle-themes.googlecode.com/svn/trunk/aa00ff_delete.gif</Attribute><Attribute name="gadget_area.gadget.body.link_color">#00B366</Attribute>
<Attribute name="gadget_area.border_color">#8c65a4</Attribute>
<Attribute name="gadget_area.gadget.border_color">#8c65a4</Attribute>
<Attribute name="gadget_area.gadget.hover.border_color">#893573</Attribute>
<Attribute name="gadget_area.icons.icon_color">#8c65a4</Attribute>

<Attribute name="gadget_area.gadget.header.background_color">#8c65a4</Attribute>
<Attribute name="gadget_area.gadget.header.text_color">#893573</Attribute>
<Attribute name="gadget_area.tab.selected.background_color">#8c65a4</Attribute>
<Attribute name="gadget_area.tab.selected.text_color">#893573</Attribute>
<Attribute name="gadget_area.tab.unselected.background_color">#893573</Attribute>
<Attribute name="gadget_area.tab.unselected.text_color">#8c65a4</Attribute>
<Attribute name="gadget_area.tab.border_color">navy</Attribute>

<Attribute name="header.background_color">#ffffff</Attribute>
<Attribute name="footer.background_color">#ffffff</Attribute>
<Attribute name="header.text_color">#ffffff</Attribute>
<Attribute name="header.link_color">#00000c</Attribute>
<Attribute name="footer.text_color">#000333</Attribute>
<Attribute name="footer.link_color">#00000c</Attribute>
</ConfigMap>

<ConfigMap type="Skin">
<Attribute name="header.logo">beveled_blue</Attribute>
<Trait name="TimeOfDay">12am-12pm</Trait>
<Trait name="TimeOfDay">12pm-5pm</Trait>
<Attribute name="header.background_color">#ffffff</Attribute>
<Attribute name="header.tile_image.url">http://igoogle-pic.googlecode.com/files/dream_circle_red5.jpg
</Attribute>
<Attribute name="attribution.image.url">http://igoogle-pic.googlecode.com/files/shuilooo_qianming.png
</Attribute>
<Attribute name="gadget_area.menu_icon.image.url">http://igoogle-themes.googlecode.com/svn/trunk/00d4ff_menu.gif</Attribute>
<Attribute name="gadget_area.delete_icon.image.url">http://igoogle-themes.googlecode.com/svn/trunk/00d4ff_delete.gif</Attribute><Attribute name="gadget_area.gadget.body.link_color">#00B366</Attribute>
<Attribute name="gadget_area.border_color">#39CCE8</Attribute>
<Attribute name="gadget_area.gadget.border_color">#1789A2</Attribute>
<Attribute name="gadget_area.gadget.hover.border_color">#39CCE8</Attribute>
<Attribute name="gadget_area.icons.icon_color">#39CCE8</Attribute>

<Attribute name="gadget_area.gadget.header.background_color">#1789A2</Attribute> <Attribute name="gadget_area.gadget.header.text_color">#1789A2</Attribute><Attribute name="gadget_area.tab.selected.background_color">#39cce8</Attribute> <Attribute name="gadget_area.tab.selected.text_color">#1789A2</Attribute> <Attribute name="gadget_area.tab.unselected.background_color">#1789a2</Attribute> <Attribute name="gadget_area.tab.unselected.text_color">#39CCE8</Attribute> <Attribute name="gadget_area.tab.border_color">navy</Attribute> <Attribute name="gadget_area.gadget.header.background_color">#39cce8</Attribute><Attribute name="header.background_color">#ffffff</Attribute> <Attribute name="footer.background_color">#ffffff</Attribute> <Attribute name="header.text_color">#000333</Attribute> <Attribute name="header.link_color">#00000c</Attribute> <Attribute name="footer.text_color">#000333</Attribute> <Attribute name="footer.link_color">#00000c</Attribute> </ConfigMap> <!-- Localized fields, which will replace the defaults for language zh-CN --> <ConfigMap type="Skin"> <Trait name="Language">zh-CN</Trait> <Meta name="title">梦幻圆环</Meta> <Meta name="description">好酷的圆环^_^</Meta> <Meta name="thumbnail">http://igoogle-pic.googlecode.com/files/suolvetu.jpg</Meta> </ConfigMap></ConfigMaps>[/code]

iGoogle主题设计常见问题解答

偶做这个走了很多弯路,为了让其他人少走弯路,我把自己遇到的和网友问到的常见问题列出来,供大家参考(reference)。很多问题都很小,但是若找不到要领却会纠结个把小时,最终让你崩溃(break down),对iGoogle主题的设计丧失信心。

1.图片大小。图片高度一定要175px。偶滴是900*175.另外,再设计前请确保自己理解了Google官方给出的三种情况。考考你,偶用滴是哪种?

2.<?xml version=“1.0″ encoding=“UTF-8″ ?>空格、空格、注意空格。偶内白痴滴chrome让我因此崩溃。您是不是也遇上了第一行发生解析错误的提示?还不快加空格

3.关掉开发平台缓存。

4.错误:找不到文件。偶因此也很崩溃,尝试了N多图片存储网站,偶因此得到的最大收获就是那些图片存储网站都不行。您的iGoogle主题提交时也遇上“错误:找不到文件”?那么换Google Code来存储图片吧。否则你提交一小时也米用。(图片不要用中文名

5.Google Code的图片地址怎么找?好吧,可以看出你是顶级菜鸟,不在文章中给出了,实在找不到的小盆友就在文章下面评论里提问吧。

6.提交的主题在iGoogle主题库是红叉叉或无法显示。好吧,偶很幸运没有遇到这个BUG级问题,偶感觉是因为偶幸运滴遇到了那个“错误:找不到文件”的问题。所以你可以尝试把图片换存储到Google Code。要崩溃了?有点儿耐心吧,离成功只差一步啦。换到Google Code还不行?好吧,崩溃吧。

7.搜索您提交的主题

8.在igoogle主题中添加自己姓名logo,可以使用在线的字体设计网站来设计有个性的姓名签名logo。

我相信你看了上面的这些常见的问题的解答会少走很多弯路。再补充一条,别用第三方的iGoogle主题制作工具,他们都是缺胳膊少腿的,自己玩玩还行,要是提交到全球iGoogle主题库还是自己写代码吧。

那么,您还有其他问题吗?

复习英文单词

OK。下面和我一起来复习本文的英文单词。

manhunt

参考

Is this reference book of any use to me?这本参考书对我有用处吗?

break down

He is showing signs that he might break down.有迹象表明他的身体可能会垮了下来。

人家还要...

已有4 条评论

  1. 哈哈 你还自己做了igoogle的主题的啊。。
    \n不错啊。
    \n
    \n不过我感觉颜色太过于纯了有点刺眼

    回复

  2. 原来还可以直接写代码呢 第一次知道

    回复

  3. 几天不见,变化如此之大!差点又晕头转向了~你这个也忒花骚了吧,那么女人,O(∩_∩)O哈哈~也不知道是咋想的……费了这么大的劲,就没其他图案了?

    回复

  4. @刘娇, 为了让你喜欢嘛。

    回复

发表您的高见

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:

.