皮肤简介

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

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

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

 

皮肤构成:

简单地说,完整的360安全浏览器皮肤是由若干图片、图标及一个描述它们的文本文件(skin.ini)组成。

皮肤预览
皮肤预览图preview.png - 此图仅用于预览,在 360se的插件和外观对话框中,用于显示对应皮肤的预览。

Skin.ini详解《skin.ini文件范例注释》 ,这个链接页面为一个完整皮肤各个项目含义的描述
skin.ini是皮肤最重要的部分,它控制着360安全浏览器调用皮肤图像的方式,只有了解了它的构成及各个参数的含义,才能“组装”出好的皮肤。 注意:

1. ini文件中的项目内容如果使用了非英文字符(如中文文字,中文文件名), 请将ini文件保存为Unicode(UTF-8)编码格式,使用记事本的另存为功能,可以选择编码。
2. 使用#开头的文字,该行为注释行,仅仅用于说明它上面一行项目内容的含义;注释行将被360se忽略,所以它是什么语言的文字也无关紧要。发布皮肤的时候,skin.ini中可以不包含注释行。
3. Skin.ini中除了General节外,其余的节如果省略不写,则表示和默认皮肤相同
4. 对皮肤图片进行分多个子目录保存或是不分,在ini中指定的图像文件路径要写相对路径。


一些简单说明

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


图像制作

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

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


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


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

标签进度条
360se的标签进度条为PNG图片。八个进度状态来表示。例如: