QQ皮肤

不同版本

2009版以后改版了 皮肤文件为*****.kipx 直接双击安装 自动换好

10版能直接用图片，点界面右上方的更换外观，点“+”选自己喜欢的图片就好

12年出现了透明皮肤，选好图片后点“衣服”图标打开后点图中的透明度设置“如图”，点滑动向下拉，皮肤即可显示背景图案。

注意事项

1. 选择的图像一定要是位图(bmp)格式；
2. 图像文件的名字一定要是“main”；
3. 这种方法是用QQ自带的“蓝色”皮肤文件夹里的配置设置文件的，由于对于新手，所以在其它方面没有加更多的东西(比如说按钮的设置等)；
4. QQ的皮肤是没有数量限制的，可以想做多少就做多少。

炫酷皮肤；风景皮肤；非主流皮肤；恩典皮肤

阿狸皮肤

透明皮肤：（设置透明皮肤方法如下）

• 先在网页上搜QQ透明皮肤补丁（rdb格式文件），并且下载下来。
• 右键点击桌面上的QQ图标，然后点击最下面的“属性”，找出qq文件的位置。
• 选择“打开文件位置”，跳出bin文件目录，单击工具栏上的“向上”，进入QQ目录。
• 双击进入“Resource.1.57.1960文件夹”，找到电脑原装的“Res.rdb”。
• 将电脑原装的“Res.rdb”改名成“Res.备份rdb”，再将下载好的“Res.rdb”粘贴到Resource.1.57.1960文件夹内。
• 再重新登陆QQ页面就是透明的皮肤了。

简单地来说，QQ皮肤分三大块：在QQ皮肤目录下存放一些相关的图片（ICO格式）、图标（BMP格式）等资源；在config.xml文件中定义这些资源的属性；在VBScript文件调用这些资源并定义相关功能。

config.xml

面板的最小宽度、最小高度、最大宽度、最大高度

<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在修改皮肤时用不着，不用管它，下同。

按钮的属性

（这一部分主要了解按钮各个属性的含义，对按钮定义的格式先不管，后面会提到）

（1）“关闭”按钮

其中Button 是关键字；id 指按钮的名称。每个Button id对应皮肤面板上的某一个按钮（就好比每个身份证号对应世界上的某一个人一样）。注意每个按钮的Button id是唯一的（就好比每个人的身份证号是唯一的）。

Left、top 分别指按钮到皮肤最左边和最上边的距离。这两个值可以使用QQ截图功能进行测量。

width、height 分别指按钮的宽度和高度。一般情况下，这两个值的大小与按钮对应的图标大小一致即可（例如关闭按钮所对应三个图标CloseButton_Normal.bmp、CloseButton_Hover.bmp、CloseButton_Down.bmp，这三个图标大小为16*16，故width、height的值分别为16、16））

zIndex 指图层的上下顺序。zIndex的值越大，图标越靠上，靠上的会挡住靠下的（例如如果若干个不同的按钮定义在皮肤面板上的同一个位置，则zIndex值最大的按钮会显示出来，其他按钮将会被覆盖）

toolTip 指鼠标放在按钮上时出现的提示信息。这个可以随便改（你可以把toolTip改成一些搞怪的话语，以后有人做出QQ皮肤搞怪版也说不定）

cursor 指鼠标放在按钮上时鼠标的样式（例如当鼠标放到关闭按钮上时，就会由箭头变成一只小手），引号中是一个扩展名为.cur的鼠标样式文件。

visible 指按钮的可见性，true 表示可见，false表示不可见。

Image 、hoverImage 、downImage 、disabledImage 指按钮在不同状态下（如鼠标放在按钮上、鼠标按下按钮等等）显示的图标。

其他按钮

有些按钮中还有transparencyColor属性，这是透明色的定义，如果图标上有这种颜色，则处理为透明色。

horizontalAlignment和verticalAlignment在修改皮肤时用不着，不用管它，下同。

ico 指按钮所对应的图标，引号中是一个扩展名为.ico的图标文件；

cx 、cy 分别指按钮到皮肤面板最左边和最上边的距离。这两个值具体是多少根据具体皮肤而定。如果实在不知道自己的皮肤应该取多大的值，那就先不管。

leftPadding指图标或者Label相对于按钮定义位置的水平偏移量。水平偏移量为正整数，则向右边偏移；水平偏移量为负整数，则向左边偏移；

Label指图标旁边的数字或者文字。在这里Label是指QQ小秘书图标右边的“（0）“字样。

举个例子来解释“按钮定义位置”和“水平偏移量”吧。

代码<Button id="HostingButton" left="82" top="48"……>中的（82，48）就是按钮HostingButton的按钮定义位置，其实就是就是按钮HostingButton在面板上的坐标。“按钮定义位置”是我自己起的名字。

代码<Icon ico=…… leftPadding="0" ……/>中leftPadding="0"的含义是：按钮HostingButton的图标HostingButton.ico在按钮定义位置的基础上水平向左偏移0，偏移以后的位置就是图标HostingButton.ico在皮肤面板中的实际位置；

代码<Label labelValue…… leftPadding="18" ……/>中leftPadding="18"的含义是：按钮HostingButton的Label “（0）”在按钮定义位置的基础上水平向左偏移18，偏移以后的位置就是图标Label “（0）”在皮肤面板中的实际位置；

这里的0、18就是“水平偏移量”。

这里要把按钮HostingButton的按钮定义位置、按钮HostingButton的图标HostingButton.ico的位置、按钮HostingButton的Label “（0）”的位置区分开来。

这一段写得比较晦涩，实在看不懂就算了，不影响皮肤的修改。

topPadding 指图标或者Label相对于按钮定义位置的垂直偏移量。垂直偏移量为正整数，则向下边偏移；垂直偏移量为负整数，则向上边偏移；

labelValue 指Label的内容；

color 指Label的颜色；

hoverColor 指鼠标放在Label上时Label的颜色；

fontFamily 指Label的字体；

fontSize 指Label的字体大小；

fontStyle 指Label的字体风格；

fontWeight 指Label的字体高度。

文本、图片等与按钮类似，这里不再赘述。

总结

（1）给出一个按钮，能在config.xml文件中找到相应的代码；

（2）稍微了解一点按钮各个属性的含义。

出个题目考考你：如何在QQ2005正式版原版皮肤中的config.xml文件中找到TT浏览器对应的代码。

答案：

首先将鼠标放到皮肤面板中的TT浏览器的图标上，会看到TT浏览器的toolTip为“腾讯TT浏览器”；

然后用记事本打开config.xml文件，利用记事本的 “编辑”“查找”菜单找到“腾讯TT浏览器”所在的位置；

“腾讯TT浏览器”前后有那么多代码，到底TT浏览器对应的代码从哪里开始，又到哪里结束呢？这就要用到“按钮的定义”那一节中的内容了。将“腾讯TT浏览器”前后的代码和“按钮的定义”那一节中的三种形式一一对照，发现和形式（3）相对应。下面再确定TT浏览器对应代码段的起始点就很容易了。

VBScript

相信大部分菜鸟没有VBScrip基础，因此这一部分完全可以跳过。在修改皮肤时我会尽量避开VBScript的知识，如果实在避不开，必要时会把代码的模板给出来，大家只需要修改其中的一两处就可以了。

不过还是建议大家学一点VBScrip的基础知识。毕竟，我们不仅要知其然，更要知其所以然。

定义按钮位置

按钮大致可以分为两大类：

一类按钮是靠左上角对齐的（即不论皮肤怎么拉伸，该按钮到皮肤面板最左边或最上边的距离始终保持不变）；

一类按钮是靠右下角对齐的（即不论皮肤怎么拉伸，该按钮到皮肤面板最右边或最下边的距离始终保持不变）。

这两类按钮的位置都需要在config.xml文件中定义，但是第二类按钮还需要在VBScript文件中定义。定义格式如下：

按钮名称.left =cx - 按钮到皮肤面板最右边的距离

或

按钮名称.top =cy - 按钮到皮肤面板最下边的距离

添加组件

如果你在修改皮肤时不小心误删了有用组件，或者你下载的别人修改的皮肤中缺少你需要的组件，那么你就要“自己动手，丰衣足食“了。

如果你要添加的组件是原版皮肤中有的，那就好办多了。图标等资源、代码都可以直接从原版皮肤中COPY，然后复制到你的皮肤中相应位置就可以了。

如果你要添加的组件原版皮肤中没有，那就按照以下步骤来做：

第一步，将组件所需要的图标（ICO格式）、图片（BMP格式）等资源放入到QQ皮肤所在目录（如果手头没有相关的图标、图片，自己也不会用PhotoShop等工具制作，这一步就先跳过，在后面我会提到补救的方法）；

第二步，在config.xml文件中定义这些资源的属性。

定义组件属性的格式可以参考第一部分第3点（即“3按钮的定义”），然后在这个格式的基础上添加相关属性，相关属性可以参考第一部分第2点（即“2按钮的属性”）。如果在第一步中没有图标、图片等资源，在这里可以将组件定义为文本，文本的代码模板为：

（注：各属性的取值可以参考其他组件）

还有一个更简单的方法：把别的按钮或文本的代码COPY过来，然后将相关属性的值改成自己的。

也许有人会问，添加的代码要放到config.xml文件中具体什么位置呢？只要遵守以下两条规则，代码存放的位置是任意的。

规则一：在config.xml文件的开头有这样一段代码：

添加的代码要位于上述两段代码之间。

规则二：添加的代码不能“拆散”已有组件的代码。例如有如下代码：

2009年末我们迎来了QQ2010 beta，其中一个很神奇的功能是可以自定义QQ的背景皮肤，这样自己的QQ也可以DIY了。打开QQ2010 — 头像下面那一排：邮箱，钱包，搜搜 — 最后一个是彩色的，按一下， 图的右下方会出现一个加号，添加本地图片，添加自己喜欢的就好了，进入大家就一目了然了。

下载一个QQ2011 beta3的，安装，按照下面的教材绝对可以

图片你找一个好看的，添加进去就行了，这个是透明的版本，任意图片放到上面都是透明的

1、rdb解包工具

2、图片几张过渡界面图片分辨率350*757 ；横屏登录界面350*266 还有你要换的皮肤多大都可以 3、PS软件 做过渡界面时要用到

接下来到你的QQ皮肤安装目录 找到Resource.1.75.2991文件夹 把Res.rdb文件和Default.rdb文件复制出来，并用通用文件打包解包工具，将这两个文件解压，解压后桌面，出现 res 和default两个文件夹。 首先 把你准备好的 图片350*266的替换rse/LonginPanel目录下，mini_defaultbanner2.gft QQ主界面透明化：把Res/SkinMgr目录下，gft文件和Default/MainPanel 下边的GFT文件全部删除。 窗口聊天透明把Res/ChatFrame目录下 aio_meg_in.gft ；aio_meg_out.gft；aio_quickbar_bkg.gft；aio_QQshowlight_bkg.gft；aio_QQshow_bkg.gft 五个文件删除 消息合子透明把Default/AppFramework\Common目录下的 list_bkg_border.gft；listitem_check.gft；list_bkg.gft 和Res/informationBox目录下的MsgBoxquickBkg.gft 四个文件删除 修改QQ主界面搜索栏透明背景 把defauit/mainpanel / search目录下 main_search_bkg.gft 删除 同样上面还有“搜索联系人，网页信息和问问答案”几个字 如果你想去掉 那你打开QQ目录打开I18N 使用记事本打开StringBundle.xml 文件；使用查找功能 查找“搜索联系人，网页信息和问问答案”，找到后删除或修改保存就OK

登录QQ，点击QQ主界面右上角的更改外观按钮！！

在更改外观的右下角有两个透明度调节的功能！！一个是透明皮肤的调节，一个是毛皮效果的调节，我们可以调整透明度！！调整到自己想要的理想的效果！！

如果两种效果都调整到最透明的状态。QQ的透明效果就会像玻璃一样，可以见到桌面！！或许有的童鞋会喜欢的！！

如果你的更改外观里面没有毛玻璃效果的按钮。我们也可以自己来手动添加。添加方法：在桌面新建一个文本文档！然后在文本文档左上角“文件”-“另存为”！

然后点击另存为“桌面”！然后把文件名改成skin.ini！然后在点击确定。在桌面就会多出一个文件！如图！

然后打开我的电脑！在地址栏里面输入%appdata%\Tencent\QQ\Skins然后点击确定！然后把桌面的skin.ini复制进来！！然后在更改外观里面就会有毛玻璃效果按钮了！！

将下载的图片设置为QQ皮肤

方法一：直接拖拽你喜欢的图片到主面板顶部区域→OK

方法二：点击QQ面板右上角→更改外观按键→按下(自定义)→选择你喜欢的图片→OK

详情如下：

【第一步】：打开QQ主面板，点击“更改外观”()按钮

【第二步】：点击“设置全透明皮肤”()按钮，并移至最上方

【第三步】：点击“自定义”按钮， 选择喜欢的图片，这时会出现“选择背景填充方式”的对话框，选择图片的填充方式(单图或者平铺)，然后拖动主面板到图片的最左上角位置(PS:：不是屏幕的最左上角位置)，点击“确定”即可。

资料卡

首先我们先找到QQ安装目录！！打开QQ安装目录下的Resource.1.89.XXX文件夹下的Res.rdb文件！不知道安装目录的可以右键点击QQ快捷键。然后点击属性。查找目标就能进入到QQ安装目录

然后打开Rdb打包解包工具，有些人下载的不能使用的需要下载.netframework可以百度搜索下载。然后用Rdb打包解包工具把Res.rdb文件解包。

然后打开解压成功的Res文件夹。找到AppFramework\ContactTips文件。把里面的material.gft删除掉。如图！！

然后在用Rdb打包解包工具把修改好的文件打包成为原有的Rdb文件。然后把打包好的Res.rdb文件替换掉原有的Res.rdb文件。

然后我们在重新登录QQ。在看看自己的资料卡是不是全透明了呢？也没有当初的那个白模了。

在windows 7系统下，从QQ网站上下载的皮肤，缓存 C:\Users\{用户名}\AppData\Roaming\Tencent\QQ\Skins\customize文件夹下面。

QQ秀透明

资料卡可以透明了。那也可以把QQ秀弄透明了。首先先打开QQ安装目录。如果不知道自己的QQ安装在哪里的可以右键点击QQ快捷键，然后选择属性，就能看到QQ安装目录了！！

进入QQ安装目录之后一次打开Users\AllUsers\QQ\Misc。就能看到一个QQ秀的文件，com.tencent.qqshow！！

我们先把这个文件夹名字剪切下载。然后在重命名，随便打几个字母都可以！！

为了不让这个文件夹恢复，我们在这个目录下面新建一个文本文档，然后把名字改成刚刚的com.tencent.qqshow。如图！！一定要记得没有后缀名字的哦。。不能是com.tencent.qqshow.txt，而是一个未知程序如图！！

然后我们在返回到QQ安装目录。打开Plugin这个文件夹。。打开之后打开com.tencent.qqshow文件夹。在这里面会有一个Misc文件。把这个文件像上面那样重命名，然后新建一个文本文档来代替！！

然后我们在重新登录QQ，看看有木有透明呢，效果如下！！透明QQ秀需要把资料卡弄透明了才可以！！

上面的需要重命名的，有的时候大家的电脑不会显示后缀的，所以怎么更改都会是原有的那个文件，所以需要把后缀显示出来才行，显示方法：随便打开一个文件夹，点击文件夹上面的“工具”-“文件夹选项”-“查看”！然后把隐藏已知文件的扩展名前面的勾去掉即可！