Creating your own skins

Avant Browser 帮助 - 创作自己的皮肤 -第三部分

图标是皮肤的关键部分。我已经介绍了创作皮肤要使用的工具。这节探讨些图标的知识。

Icons need a background/transparent color of fuchsia (RGB: 255,0,255). This color will be replaced with what is behind it.

系统图标

这些图标通常位于浏览器的右上方。一共有11种不同的系统图标，每个图标又有四种不同的状态。这就意味着你需要制作44个不同的图片。

这些图标的尺寸是21x21 (象素)。这是整个画布的大小，实际图片可以小一点。

图标按钮的状态：

正常：当该按钮的功能被允许，并且鼠标不在其上方时显示。
选中：当该按钮的功能被允许，并且鼠标不在其上方时显示。
按下：按钮按下的时候显示。
失效：当该按钮的功能被禁止时显示。

打开图标工厂，看看缺省模式下这些状态的图像。

工具栏图标

这些图标通常是位于文字菜单选项下面的图像。

对于大图标，这些图像的最大画布尺寸是24x24 (象素)，对于小图标，这些图像的最大画布尺寸是16x16 (象素)。和系统图标一样，实际图像尺寸可以小一点。

如果你愿意，可以分别制作大、小不同尺寸的图标，但是图标的设计最好相同。

和系统图标不同，你只需要做一个大图标或一个小图标。

标签栏图标

这些图标是显示在Avant的窗口标签栏里每个标签上的图像。随着页面的加载，这些图像依次显示，产生一种动画效果。

这些图像的最大画布大小是18x18 (象素)，总共有10个。前9个图像产生页面加载的动画效果，最后1个图像在页面完全下载完毕并且该站点没有网站头像时显示。

其他图标

有59种其他图标，他们是都可以更换的。这些图标大多显示在Avant Browser的选项对话框、侧边面板、状态栏、还有一些菜单中。

图标的整个画布大是16x16 (象素)。

下一篇：创作自己的皮肤 -第四部分

参见：

创作自己的皮肤 -第一部分
 创作自己的皮肤 -第二部分
 创作自己的皮肤 -第四部分
 创作自己的皮肤 -第五部分