在QQ 的网站有一个软件，是专门制作QQ皮肤的工具，可惜几年过去了，那个软件还是2004版的，连个更新也没有，不知那些IT（挨踢）的家伙在想些什么，QQ的皮肤是不分版别的，所以用2004的工具做出的皮肤也依然能用在2007的QQ上，可是这个制作工具上在使用上非常不方便。所以我们还是从代码入手，自己动手丰衣足食呀。

在QQ的皮肤文件夹中，除了图片外（BMP，ICO格式），还有四个文件，一个文件夹。它们分别是 ：
Config.xml  －－这个是主界面的定位文件，可以定位一些图片的位置
Hand.cur  －－这是鼠标样式文件
Skin.ini  －－ 这个是皮肤的配置文件
VBScript.vbs－－ 这个是皮肤的脚本文件，完成主界面上的图片功能
IMSkin－－这个文件夹是对话框文件夹，对话框中的图片都在这里，其中有个文件IMSkin.ini是对话框的配置文件

制作主界面

203*414接近主界面的默认大小，先用PS做出这样大小的一个底图，然后用切片工具分成九个部分。

为什么主界面的拉伸与收缩，能够保持图片不变形？那是因为切片2，8可以左右拉伸，切片4，6可以上下拉伸，切片5可以上下左右拉伸。切片1，3，7，9是没有变化的。
所以在设计底图时要考虑到这一点，在可以变形的切片中少放入一些元素，同时把不需要变形的元素放入到不会变形的切片中。切片的大小是可以随意的。如果你的主界面内容太多，那就把它切成十二部分也是可以的。

解读config.xml文件

1……….<Window minWidth=”203″ minHeight=”414″ maxWidth=”203″ maxHeight=”414″ clippingColor=”#FF00FF” backgroundColor=”#FF00FF”>
这里设定的是显示主界面的最大尺寸（宽度与高度）与最小尺寸，如果两项内容设定相同，也就是相当于不可以拉伸或收缩主界面的大小。

2……..<Picture id=”BackgroundLT” left=”0″ top=”0″ width=”72″ height=”19″ zIndex=”2″ image=”Background01.bmp” transparencyColor=”#FF00FF” visible=”true” horizontalAlignment=”Stretch” verticalAlignment=”Stretch” PosType=”Title”/>
这里设定一张图片的属性。id属性是为了能在VBScript脚本中定义这个图片的功能而命名，left与top是图片的坐标,width,height是图片的大小

zlndex属性确定图片的图层，假如在同一位置上有几张图片，只会显示图层数字大的图片。transparencyColor属性是定义在图片中的某一种颜色是透明色。

3……..<Button id=”CloseButton” left=”149″ top=”4″ width=”16″ height=”16″ zIndex=”6″ toolTip=”关闭” cursor=”Hand.cur” visible=”true” image=”CloseButton_Normal.bmp” hoverImage=”CloseButton_Hover.bmp” downImage=”CloseButton_Down.bmp” horizontalAlignment=”Stretch” verticalAlignment=”Stretch” PosType=”Title”/>
这里设定一个按钮的属性。除了与图片的相同属性外，hoverlmage与downlmage是鼠标放入或按下按钮时显示的不同图片，toolTip是鼠标放入时显示的文字，visible是指可见性，true是显示，flase是隐藏。

4…….<Button id=”HostingButton” left=”82″ top=”48″ width=”40″ height=”16″ zIndex=”27″ toolTip=”QQ邮箱” cursor=”Hand.cur” visible=”true”>
<Icon ico=”HostingButton.ico” cx=”16″ cy=”16″ horizontalAlignment=”Left” verticalAlignment=”Center” leftPadding=”0″ topPadding=”0″/>
<Label labelValue=”(0)” color=”#071E81″ hoverColor=”#FFFFFF” fontFamily=”MS Sans Serif” fontSize=”8″ fontStyle=”" fontWeight=”400″ horizontalAlignment=”Left” verticalAlignment=”Center” leftPadding=”18″ topPadding=”0″/>
</Button>
在上例中，我们使用的是BMP格式的图片来做为按钮，本例中我们是使用ICO格式的图片做为按钮，其中增加的属性leftPadding,topPadding指的是水平偏移量。它的意思就是说，虽然前面已经定义了按钮的位置坐标，但是这个ICO的图标还是可以在此基础上向右或是向上进行移位，如果为负值的话就是向相反的方向移位。
在QQ邮箱按钮后面还有一个括号中的数字，labelvalue就是定义这个数字的属性，包括颜色，字体，大小，样式，等等。

5……..在上面的几个例子中都两个属性没有介绍到，horizontalAlignment与verticalAlignment它们是无需用到的部分，就不用更改了。对于一款个性化的QQ皮肤，我们有时不需要一些图片与按钮，只要设定它的可见性状态，或是删除相关的代码，如果要增加一些自己的按钮，也可以按上面的举例增加代码，只有不断地修改才会正确地设定每一项数据。

了解一下Skin.ini 

这个文件其实很简单的，它只是完成上面文件中未设定的图片与信息
folder －－  这里有面板栏不同状态下的图片
bar －－      面板栏内的背景图片与侧边条的图片
skininfo  －－  皮肤的相关信息，包括名称，作者，时间，版号，缩略图等等
ment －－  QQ菜单的色彩样式，以RGB三种形式为一组定义不同的图块色调
（IMSkin.ini文件格式与之相同，具体说明请看我的文件中的注解）

认识VBScript.vbs

为了做一款QQ皮肤，不但要会PS，还得要会VBS，这实在是让人挺为难的。幸好VBS还不是太难，我们可以利用现成的文件，修改一下代码就可以了。为了更好地让在大家能够理解本教程，在我制作的鬼吹灯主题QQ皮肤中，我都做了相关的注解说明。同时推荐大家使用由Aqing制作的QQ增强包可以最大限度地进行个性化的皮肤制作。

Sub CloseButton_onClick()
    Window.ExeCommand 1,3
End Sub
每一段SUB代码都是定义一个图片或是按钮的功能，  Window.ExeCommand 是QQ中默认的执行动作，1，3表示关闭QQ的动作，1，2表示最小化，50，1表示显示消息，60，2表示个人设置。这里就不再一一地说明。如果想要删除掉某个功能，不但要在config文件中删除相关的图片代码，还在要这里删除掉相应的功能代码。

Sub Window_OnSize(cx,cy)
在这组SUB代码中，又重新定义了每一个图片与按钮，也是需要修改最多的地方。

如果要增加内容，首先要声明一个变量，就是文件开头以Dim开始的部分。然后才能增加功能代码，并在config文件中添加图片或是按钮的代码。

最后一点要说明的是不要使用QQ的原文件，因为它不支持我们个性化的修改。如果你也像我一样对于代码并不十分了解的话，还是使用被破解过的文件吧。嘿嘿，我的鬼吹灯皮肤就是破解过的文件。

相关文章

• 2007-08-12 -- QQ美化之过渡框制作教程 (1)
• 2007-06-30 -- QQ美化之登陆框制作教程 (2)