QQ皮肤修改教程 创建自己的个性QQ皮肤（1）

很少有人写关于修改QQ皮肤的教程，专门针对菜鸟而写的教程就更少了。这个教程是专门写给像我一样的菜鸟们。而且这是QQ皮肤修改教程，不是制作教程，绝大部分资源都取自原版皮肤，因此几乎没有涉及到PhotoShop等工具，唯一的编写工具就是记事本。这对于菜鸟而言又少了一道门槛。

这个教程不适合以下几类人：
      高手。对于高手而言，教程里面都是一些很浅显的东西，不屑于写出来，也不值得写出来。所以高手们看到这里就可以打住了。
      不喜欢原版皮肤的人。这个教程是以QQ原版皮肤为蓝本进行修改，因此不喜欢原版皮肤的人也可以打住了。
      把别人发布的皮肤拿过来稍加修改就当作自己的版本发布出去的人。BS盗取他人劳动成果的行为！！！

      简单地来说，QQ皮肤分三大块：在QQ皮肤目录下存放一些相关的图片（ICO格式）、图标（BMP格式）等资源；在config.xml文件中定义这些资源的属性；在VBScript文件调用这些资源并定义相关功能。可以看出，config.xml文件和VBScript文件是整个皮肤文件的核心。下面我们来认识一下这两个文件：
一、认识config.xml文件
      1.面板的最小宽度、最小高度、最大宽度、最大高度

<Window minWidth="120" minHeight="240" maxWidth="1280" maxHeight="1024" clippingColor="#FF00FF" backgroundColor="#FF00FF">

      其中  minWidth="120"   中的数值120就代表面板的最小宽度；
              minHeight="240"  中的数值240就代表面板的最小高度；
              maxWidth="1280"  中的数值1280就代表面板的最大宽度；
              maxHeight="1024" 中的数值1024就代表面板的最大高度.
      要调整面板的最小宽度、最小高度、最大宽度、最大高度，只需调整相应的数值即可。
      网上所说的可随意调整面板大小其实就是将minWidth和minHeight的值调到最小，将maxWidth和maxHeight的值调到屏幕的最大分辨率。对一般人来说，上面的数值基本上可以做到随意调整面板大小了。
      clippingColor和backgroundColor在修改皮肤时用不着，不用管它，下同。
      2.按钮的属性
      （这一部分主要了解按钮各个属性的含义，对按钮定义的格式先不管，后面会提到）
      （1）先以“关闭”按钮为例：

<Button id="CloseButton" left="149" top="5" 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"/>

      其中
      Button  是关键字；
      id  指按钮的名称。每个Button id对应皮肤面板上的某一个按钮（就好比每个身份证号对应世界上的某一个人一样）。注意每个按钮的Button id是唯一的（就好比每个人的身份证号是唯一的）。
      Left、top  分别指按钮到皮肤最左边和最上边的距离。这两个值具体是多少根据具体皮肤而定。如果实在不知道自己的皮肤应该取多大的值，那就先不管。
      width、height  分别指按钮的宽度和高度。一般情况下，这两个值的大小与按钮对应的图标大小一致即可（例如关闭按钮所对应三个图标CloseButton_Normal.bmp、CloseButton_Hover.bmp、CloseButton_Down.bmp，这三个图标大小为16*16，故width、height的值分别为16、16））。注意，同一个按钮所对应的图标的大小要一致（例如关闭按钮所对应三个图标CloseButton_Normal.bmp、CloseButton_Hover.bmp、CloseButton_Down.bmp大小均为16*16）。