iGoogle主题的亮点之一是非常贴近Google的页面风格,其中包括Google Style的Logo以及很个性的Goooooogle性质的PageNavi。
工具软件和素材
需要的软件:Photoshop或Fireworks等
需要的素材:Catull字体(这个字体是商业字体,如果确定使用请慎重)、Resource.zip
修改过程
1. 制作Logo.png
修改字体的文本,添加一些阴影、浮雕等效果,如图:
2. 制作PageNavi.png
PagiNavi需要分成四个部分:左侧固定不变的部分,例如“iG”两个字母始终不变;当前页面,例如红色的“o”;其他页面,例如黄色的“o”;右侧固定不变的部分,例如“gler”
如果您的Logo中恰好包含“oo”这样的重复字符,可以直接将Logo作为PageNavi,否则,需要做下面的处理:
3. 修改css
以JiangGe为例,分别测量出:
“Jia”宽度、“n”宽度和“gGe”的宽度,修改style.css的相应位置
Enjoy!
