把这九个切片存成BMP格式图片。它们的工作原理与皮肤中的九个图片是一样的。2，8可以左右拉伸，4，6可以上下拉伸，5是上下左右都可以拉伸，1，3，7，9保持不变。

接下来我们可以用eXeScope或者ResHacker，打开QQRes.dll文件，进行替换全部的图片。

在位图下面找出与上面的名字相同的九个图片，进行替换。
背景中间显示的一个图片是位图下面的1710，大小是114*57.
背景动画的大小是112*24的GIF动画，替换的位置是STRAT—GIF下面的1704.
取消登陆的按钮大小是90*26，位图下面的1742，1743，1744分别是这个按钮的三种状态下的图片。
关闭与最小化的按钮大小是16*16，分别是位图下面的9098，9099，9097，145。

在QQRes.dll文件中，还可以修改到的内容有很多。位图里找到 148 、144、 250、 151、 157 分别对应了 “上线”“离开”“隐身”“离线”“个人设置”。这些都是16*16的BMP图片。

还有在QQ菜单中打开的对话框，所有的内容都可以在这个文件中进行修改，这些就需要你去把它们找出来喽。

最后一点，有时在使用工具eXeScope或者ResHacker进行替换图片时，无法显示图片，也无法打开图片，并且提示出错。这时可以再换一个工具：Restorator。

在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的原文件，因为它不支持我们个性化的修改。如果你也像我一样对于代码并不十分了解的话，还是使用被破解过的文件吧。嘿嘿，我的鬼吹灯皮肤就是破解过的文件。

使用工具：ResHacker（下载）  eXeScope (下载)

破解文件：LoginCtrlRes.dll

第一步，备份原文件QQ/LoginCtrlRes.dll，我常用的备份方法就是给这个文件加多一个字母。备份的意义就是当使用自己制作的登陆框出现异常情况，无法登陆QQ时，把备份文件恢复，一 切就会变得正常。

第二步，运行软件reshacker，打开经过破解的文件LoginCtrlRes.dll，点击位图>>1234，如图，

在2052上点右键，替换位图，这是登陆的主图，大小可以自由设定，建议大小为330*220，BMP格式的图片。

依同样方法，替换位图1507，1509，1510，这是QQ号码框中的图片，大小为17*18，BMP格式。

第三步，打开对话框>>450，同时会自动打开一个新窗口，在新窗口里你会看到你已经替换的图片和一些按钮，部件。根据你的图片设计，你可以把相关部件移动到相应的位置，拖动部件的边框，还可以放大与缩小部件，有不需要的部件，可以拖到图片的外部去，这样它们就不会显示出来。

以上方法做出的登陆框，还是带有边框的，如果想要去掉边框，执行以下方法。

运行eXeScope,点开资源>>对话框>>450，如图，只要把右边的选 项全部为空，就会去掉登陆图的边框，如图。

最后，将制作好的文件粘贴到QQ的文件夹中去，即可以使用。

常见问题解答：

为什么显示的登陆图片不是正常宽度？

在模版文件中，你会发现有两个登陆按钮，其中一个的功能就是控制显示图片大小的。调整它的位置，多试几次，就会达到你满意的程度。

为什么点击高级选项，会出现空白？

在登陆图片的下部，有一个细细长长的条状部件，它的ID为16009，它的高度决定着高级选项内容的高度，可以进行适当的调整。