iGoogler更换Logo的方法

iGoogle主题的亮点之一是非常贴近Google的页面风格,其中包括Google Style的Logo以及很个性的Goooooogle性质的PageNavi。

工具软件和素材

需要的软件:Photoshop或Fireworks等

需要的素材:Catull字体(这个字体是商业字体,如果确定使用请慎重)、Resource.zip

修改过程

1. 制作Logo.png

修改字体的文本,添加一些阴影、浮雕等效果,如图:

Logo替换为新Logo

2. 制作PageNavi.png

PagiNavi需要分成四个部分:左侧固定不变的部分,例如“iG”两个字母始终不变;当前页面,例如红色的“o”;其他页面,例如黄色的“o”;右侧固定不变的部分,例如“gler”

如果您的Logo中恰好包含“oo”这样的重复字符,可以直接将Logo作为PageNavi,否则,需要做下面的处理:

制作pagenavi.png的过程

3. 修改css

以JiangGe为例,分别测量出:

“Jia”宽度、“n”宽度和“gGe”的宽度,修改style.css的相应位置

Enjoy!

Creative Commons License
This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.
Permalink: http://zyj.me/article/igoogler-change-logo
Tags:
« »

Comments are closed.

我的微博