皮肤简介

皮肤形式
TheWorld 2.0浏览器皮肤是以文件夹的形式存放于安装目录下的“skin”文件夹下。如果还没有使用过皮肤的，可以自己新建“skin”文件夹，或者使用TheWorld访问：http://www.ioage.com/cn/skin.htm，TheWorld可以自动在线安装皮肤并且创建皮肤文件夹。

皮肤图像制作注意事项
TheWorld2.0浏览器皮肤支持jpg,gif,png等图像格式，推荐使用PNG图像格式来储存图像。PNG图像是无损压缩的，图片质量高，而且PNG支持Alpha通道的透明方式，用它可以实现界面元素（如按钮）的半透明效果。各种Windows平台下，PNG的支持库表现并不完全一样，所以您必须按照下面的步骤保存PNG，获得各个平台一致的显示效果：
1、在Photoshop的文件菜单，选择另存为web格式
2、在界面上选择PNG-24, 如果有alpha通道，勾选transparency（支持透明）进行保存

背景尺寸的选择
像bg_titlebar.png, bg_topbar.png, bg_bottombar.png, tab_bg.png这几个图，都是背景图，有的是平铺，有的是三段式填充不论哪种方式，总之这些图是要连续绘制才能形成背景，所以建议图的宽度尽量给宽一些，建议200像素左右，这样可以大量节省绘制时间，在浏览器窗口尺寸被拖动调整的时候尤其明显。

 
皮肤构成：

简单地说，完整的TheWorld 2.0皮肤是由若干图片、图标及一个描述它们的文本文件(skin.ini)组成。

皮肤预览
皮肤预览图preview.png － 此图仅用于预览，在 TheWorld的插件和外观对话框中，用于显示对应皮肤的预览。

Skin.ini详解（《skin.ini文件范例注释》 ,这个链接页面为一个完整皮肤各个项目含义的描述）
skin.ini是皮肤最重要的部分，它控制着TheWorld 2.0浏览器调用皮肤图像的方式，只有了解了它的构成及各个参数的含义，才能“组装”出好的皮肤。 注意:
1. ini文件中的项目内容如果使用了非英文字符（如中文文字，中文文件名）, 请将ini文件保存为Unicode(UTF-8)编码格式，使用记事本的另存为功能，可以选择编码。
2. 使用#开头的文字，该行为注释行，仅仅用于说明它上面一行项目内容的含义；注释行将被TheWorld忽略，所以它是什么语言的文字也无关紧要。发布皮肤的时候，skin.ini中可以不包含注释行。
3. Skin.ini中除了General节外，其余的节如果省略不写，则表示和默认皮肤相同
4. 对皮肤图片进行分多个子目录保存或是不分，在ini中指定的图像文件路径要写相对路径。


一些简单说明
三段式填充是TheWorld2.0的图像绘制方式之一，要求图片宽度必须是3的倍数，图片平均分成三段，三段式填充对于图片的绘制方式有以下几种：
　　1.左右部分按原始尺寸绘制到目标区域的左右，中部缩放填满到目标区域中部
　　2.中部按原始尺寸绘制到目标区域的中部，左右部分缩放填满到目标区域左右
　　3.左右部分按原始尺寸绘制到目标区域的左右，中部平铺到目标区域中部
图像制作

按钮部分
第一类
这类按钮图片的宽度要求是4的倍数，图片四等分，从左到右代表的状态依次是正常，悬停，激活，禁用。大多数按钮都是这类的。例如：

第二类
这类按钮图片的宽度要求是3的倍数，图片三等分，从左到右代表的状态依次是正常，悬停，激活 – 此类按钮很少制作时候比对范例皮肤就知道了。 例如：


ImageList部分
这类图片是高度为16，宽度为16的倍数的图片条。例如：


图标部分
大多数图标只需要16*16的尺寸的即可。
如果自制TheWorld.ico，则额外需要32*32的尺寸，用于对话框中的大图标显示。

标签进度条
TheWorld2.0的标签进度条为PNG图片。八个进度状态来表示。例如：

 

文件打包方式

1. 文件格式请用zip，而不是rar
2. 直接打包文件，无需添加路径，这样可以避免在解压缩时不同的习惯导致的重复路径
3. 解压单个皮肤时：右击,解压菜单\解压到XXX\
4. 解压多个皮肤时：右击,解压菜单\解压每个压缩文件到单独的文件夹

 
皮肤相关资源
官方网站皮肤下载 ┊ 论坛皮肤合集贴 ┊ 程序默认皮肤 ┊ 2.0皮肤新特性示范 ┊ 皮肤skin.ini 注解
世界之窗皮肤测试

如果您在皮肤制作过程中遇到无法解决定问题，请登录世界之窗论坛皮肤区寻求帮助。