QQ2012透明皮肤很简单。《制作+修改+应用》

社区服务
高级搜索
猴岛论坛QQ微信技术QQ2012透明皮肤很简单。《制作+修改+应用》
发帖 回复
倒序阅读 最近浏览的帖子最近浏览的版块
30个回复

[QQ技术]QQ2012透明皮肤很简单。《制作+修改+应用》

楼层直达
意小帆

ZxID:12083409

等级: 准尉
、意小帆︶✰  为沵戰天下、
举报 只看楼主 使用道具 楼主   发表于: 2012-03-17 0
    ==================  教程 ======================

一.QQ 登陆界面

1.经典登陆界面

首先我们解包 Res.rdb 解包《解打工具最下方有地址》后是一个与 res 同名的文件夹,


我们要修 改
的部分文件在这里。res.rdb 文件所在位置为:QQ 安装目录文件夹 下的
Resource.1.75.2776(这里的 Resource.1.75.277X都是一样的X代表任意数字 )文件夹中。

说明一下在这个文件夹中 2011 以前的版本中的 png 格式图片,在这
里变成了gft 格式的图片,我们只要把扩展名 gft 改为 png 就行了。
我 们不需要把原文件改成 png 的,只要根据尺寸自己新建一个然后命名为相同的名字就好。

res 文件夹中找到 LoginPanel 文件夹,

在这个文件夹中找到
mini_defaultbanner2.gft 这个文件,这个就是修改登陆界面的文件,

我们可以自己截取一张 350x266 《用PS可以改的 png 格式文件,然后命名为
mini_defaultbanner2 将扩展名改为的 gft,然后替换原文件。到这里 就
算换好了,然后我们使用刚才的那个大包解包工具打包成 res.rdb



文件然后替换 QQ 安装文件夹下 Resource.1.75.2776文件夹中的同名文件即可
(如果在替换时你的 QQ 是打开的,那么先关闭 QQ 再 替 换)
好了打开你的 QQ 看看吧,但是你会看到输入号码和密码的框下的白
膜 没有去掉,个人觉得不去掉反而比去掉要好,不去掉看上去更美观
一 些。
如果要去掉白膜,修改的路径路径有两处
路径一:Default\LoginPanel 文件:minilogin_png_bkg.gft  删除

路径二:Res\AppFramework\LoginPanel
文件:safeminilogin_png_bkg.png,safeminilogin_png_bk2.png  删除
二.过渡框

a.过度框文件图片存放在:QQ:2012\Misc\LoginPanel   


  


b.过渡框的皮肤:图片名fringe_bkg.png.gft尺寸:234X566可以根据自己的实际情况而定,图片自定义后,命名为
fringe_bkg.png格式为.gft,替换源文件,,
StdLoginBanner.png这张图片删除即可,也可以替换自己
喜欢的图片,里面还有一个文件夹,名为SWFLogo,删除
即可,也可以用.swf文件代替,大小不超过500k)

c. 过渡框左上角 QQ:2012图片
图片名:Main_Title.png
尺寸:151*43
格式:png

三.主面板



标签下去除白膜修改 res.rdb 中的文件,这个是修改 MainPanelContainer_background.png.gft如果要做成图上那种去白膜的那种,那么我们可以直接删除
删除 Default.rdb、MainPanel目录下的MainPanelContainer_background.png.gft或做成透明的 png 格式图片,然后重命名
MainPanelContainer_background.png.gft,替换源文件即可。
当然你也可以自己改成别的图片,但是要注意图片的尺寸 250X500

但是你换好之后,你会看到你 QQ 的主面板上的标签部分还是有白
膜的,个人觉得有还好看一点

这里我们可以直接删除一些文件即可,请放心,不会因为删除这些文
件而引起 QQ 不能使用的问题。  
这一次我们解包 QQ\Resource.1.60.2020\Themes 中的 Default.rdb

解包后找到 MainPanel 文件夹,删除里面的所有 gft 格式的文件,注 意
不要删除这个文件夹中的那三个文件夹中的 gft 文件。
这两个修改完了,我们再看看主面板,还有一块就是“搜索”不是很 和
谐,有两个方法: 一个是从主面板中去除搜索,如果你不使用这个
功能的话。方法是使 用去除主面板搜索框补丁。
二是,打开刚才解包的 Default 文件夹,打开 MainPanel 文件夹,打
search 文件夹,修改 main_search_bkg.gft 文件,制作一个尺寸为
37x24 的透明 png 图片然后命名为 main_search_bkg,将扩展名改为
gft,然后替换源文件即可。
换好之后,我还是会看到“搜索联系人,网页信息和问问答案”这句 话,

除去这句话或是修改成其他文字,路径是 QQ\I18N\2052 使用记 事本打
开 StringBundle.xml 使用查找功能查找“搜索联系人,网页信 息和问问答
案”,找到后删除或修改,然后保存,重启 QQ 即可生效。

四.聊天面板

大家看到的这个聊天框,已经是去除白膜之后,这里面要修改的文件 会
多一点,但是要修改的文件依然是在 res.rdb 解包后的文件夹中。
这里面不是修改一个文件就可以的,这个是聊天框,所以大部分的文
件应该位于有聊天框名字的文件夹中,所以我们要修改文件的路径
是:Res\ChatFrame
在这个文件夹中的扩展名为 gft 的文件既是我们要修改的文件
aio_meg_in.gft 这个是聊天框中我们输入文字的输入框背景白膜
aio_meg_out.gft 这个是我们接受到信息的接受框背景白膜
aio_quickbar_bkg.gft 这个中间工具条(字体,表情,窗口抖动等等)下的白膜
aio_QQshowlight_bkg.gft,aio_QQshow_bkg.gft 这些是QQ 秀下的白膜
(修改这些最简单的方法是直接删除)

其他我们可以暂时不用修改
以上如果去除白膜均要建 png 格式的透明图片,然后再改扩展名为 gft  
当然你也可以不设成透明的,使用其他图案的图片,那么在你聊天框
上就显示的是你新建的那个图片。
到此还没有修改完,如果你打包替换之后,打开聊天面板,你会看到
在上边的工具(视频,语音,传送文件等)这一条,和在下边的关
闭,发送这一条底下还是白色的没有实现透明,这里我们只要修改一
个文件,这个文件的路径是:Res\SkinMgr.
要修改的文件是:aio_png_bkg.gft直接删除或制作成透明的图片
至此聊天面板上要修改的全部结束  

五.小标签窗口



这个是大家把鼠标移动到好友的头像上时自动显示的小标签窗口,此
文件的修改我们只要修改一个文件即可 修改文件的路径是:
Res\AppFramework\ContactTips 尺寸可用截图来看
需要修改的文件是:material-bg.gft,这个不要修改成透明的只要制
作一张尺寸为:280X190png 格式图片,图案自选。
  
六.我的资料,系统设置,消息盒子\管理器等等这些功能面板。


  


修改此文件的路径是:Res\SkinMgr
要修改的文件是:
all_inside_bkg.gft-------系统设置 all_inside02_bkg.gft----消息管理 all_inside04_bkg.gft----消息盒子all_inside05_bkg.gft----我的资料修改这个文件,我们要删除 default res 两个文件夹中的一些文件
修改路径一:Default\AppFramework\Common 删除 list_bkg_border.gft
删除 listitem_check.gft  删除 list_bkg.gft 修改路径二:Res\ InformationBox
删除 MsgBoxQuickBarBkg.gft
七.菜单 (实话 最好别改、改了蛋疼)


这些地方的修改,我们要修改两处,在修改的时候大家一定要注意图片的尺寸

我们要修改的文件的路径:Default\AppFramework\Menu
要修改的文件是:menu_bkg.gft 尺寸为:170X290
八:主面板上菜单 (实话 最好别改、改了蛋疼)


修改的文件路径为:Res\MainMenu 修改
的文件为:menu_topright_bkg 尺寸:145X290
九.  第 6 步中菜单的高亮文件

既是我们看到的上图中(我在线上)  
如果你想换掉所有的蓝条,要换五
处 这五处分别是:
Res\ConfigCenter
Res\MainMenu
Res\AppFramework\ConfigCenter
Default\AppFramework\Menu  
Default\AppFramework\Common
要修改的文件名称都是 menu_highlight 尺寸为:120x22 注意:在这五处当中其中有两处是 png 格式的图片,另三处是 gft 格  式的图片
png 格式图片的两处为:
Res\ConfigCenter
Default\AppFramework\Common

十二:QQ 锁定界面去除白膜

路径:Res\SkinMgr 文件:lock_png_bkg.gft
实现透明,仔细看教程即可。

(下面是QQ系部全翻译资料、修改系部、替换图片可用)

一、登录框部分:
1. 2011横竖登陆框修改:
删除 Default\LoginPanel minilogin_png_bkg.gft
修改图片 \Res\LoginPanel mini_defaultbanner2.gft 大小335*221
竖直登陆修改 Default\LoginPanel stdlogin_png_bkg.gft 大小自己确定(看自己的要求)
--------------------------------------------华丽的分割线-------------------------------------------------------------
2. 登录框按钮的修改:(不想修改的话可以删除)
在\Themes\文件夹里Default.rdb里,解包Default.rdb
在Default\AppFramework\Button里
1. 设置按钮 :
---------------leftbtn_focus.png
--------------- leftbtn_highlight.png
----------------------------------------------------华丽的分割线--------------------------------------------------------
2. 登录按钮
Res\AppFramework\LoginPanel\SafeButton
(横)安全登陆按钮:
--------------minilogin_btnleft_down.gft
------------ minilogin_btnleft_focus.png
------------minilogin_btnleft_highlight.gft
-------------minilogin_btnleft_normal.gft
安全登录按钮旁边选项按钮
未动状态
---------------minilogin_btndown_down.gft
---------------minilogin_btndown_focus.png
---------------minilogin_btndown_highlight.gft
---------------minilogin_btndown_normal.gft
按下
---------------minilogin_btnup_down.gft
---------------minilogin_btnup_focus.png
---------------minilogin_btnup_highlight.gft
---------------minilogin_btnup_normal.gft
(竖)安全登陆按钮:
---------------stdlogin_btnleft_down.gft
---------------stdlogin_btnleft_focus.png
---------------stdlogin_btnleft_highlight.gft
---------------stdlogin_btnleft_normal.gft
安全登录按钮旁边选项按钮
未动状态
---------------stdlogin_btndown_down.gft
---------------stdlogin_btndown_focus.png
---------------stdlogin_btndown_highlight.gft
---------------stdlogin_btndown_normal.gft
按下状态
---------------stdlogin_btnup_down.gft
---------------stdlogin_btnup_focus.png
---------------stdlogin_btnup_highlight.gft
--------------stdlogin_btnup_normal.gft
-----------------------------------------------华丽的分割线-------------------------------------------------------------
3.登录框细节修改:
修改文件夹:1.Res\AppFramework\LoginPanel
1.帐号密码输入框修改:
小键盘图标:keyboard.png 大小20*20
竖直登录框细节
注册新账号 newid.png 20*20
找回密码 password.png 20*20
设置 netsetting.png 20*20
-----------------------------------------------华丽的分割线-------------------------------------------------------------
二 、.过度框的修改
过度框的修改‘:
过度框文件图片存放在X:\Program Files\Tencent\QQ:2010\Misc\LoginPanel里 面(具体看你自己怎么安装的)
1.过渡框的皮肤:图片名 LoginPanel_window_windowBkg.png 大小尺寸是 234X566改好保存格式为png
2.过渡框左上角QQ:2010图片:图片名 Main_Title.png 大小尺寸是151*43 格式为 png
3.过度框动画:X:\Program Files\Tencent\QQ:2011\Misc\LoginPanel\LogoFile\2052
图片名 Logining和Logining_Vip 需要的话找个格式为Gif的图片替换就行了不需要就删了就行
4.过度框的取消按钮:
图片名 login_btn_focus.png 和 login_btn_highlight.png
大小尺寸是 74*27 格式为 png
5.过度框右上角的按钮:
最小化按钮:
-------------- btn_mini_down.png
--------------btn_mini_highlight.png
--------------btn_mini_normal.png
----------------------------------------------------华丽的分割线------------------------------------------------------------
最大化按钮:
--------------btn_max_down.png
--------------btn_max_highlight.png
--------------btn_max_normal.png
---------------------------------------------------华丽的分割线-------------------------------------------------------------
退出按钮:
--------------btn_close_disable.png
--------------btn_close_down.png
--------------btn_close_highlight.png
--------------btn_close_normal.png
------------------------------------------------------华丽的分割线----------------------------------------------------------
三、 聊天框部分
1.聊天窗口透明:
Res目录下:(可删除)
ChatFrame--聊天窗口各背景图片,包括顶部按钮图标,聊天扩展(表情,震动,涂鸦 ,截图等)图标,等各类图片
输入框 aio_meg_in--聊天输入框背景(透明化由这里设置)
输出框 aio_meg_out.png--聊天输出框背景(透明化由这里设置)
聊天框中部背景 aio_quickbar_bkg.png--聊天快捷栏背景(透明化由这里设置)
聊天框底部背景:aio_white_bkg和实图:aio_png_bkg
--------------------------------------------华丽的分割线------------------------------------------------------
修改QQ秀背景
QQ秀背景 路径Res\ChatFrame
aio_QQshow_bkg.gft
QQ秀背景边框
aio_qqshowlight_bkg.gft
2. 聊天窗口按钮修改:
在文件夹Res\ChatFrame里
aiobtn_down.gft——QQ聊天窗口发送按钮按下颜色
aiobtn_highlight.gft——QQ聊天窗口发送按钮滑过颜色
aiobtn_fouce.gft--------按下放弃颜色 关闭按钮
aiobtn_normal.gft——QQ聊天窗口发送按钮默认颜色
发送旁边的小箭头
aiobtn_right_down.png
aiobtn_right_fouce.png
aiobtn_right_highlight.png
3.聊天窗口内置皮肤的修改:
同2010
四、 系统设置和好友查找背景图片的修改:
1.系统设置左边切换栏背景:
res里的 \AppFramework\ConfigCenter 里的stuep_tabbtn_bkg.png ,其尺寸大小 是158*400
横条 menu_down.gft 10*22
menu_highlight.gft 120*22
其他的自己看看就知道了
2.系统设置左边切换栏横条修改(尺寸保持不变)
在\Res\AppFramework\Common文件夹里:
按下选择后--stope_tabbtn_down.gft
按下放弃-- stope_tabbtn_fouce.png
鼠标掠过--stope_tabbtn_highlight.gft
未动常显--stope_tabbtn_normal.gft
----------------------------------------------华丽的分割线--------------------------------------------------------
五、 消息盒子的背景图片的修改
消息盒子底图:
\Res\SkinMgr all_inside04_bkg.gft 大小尺寸:750*496
注意: DefaultSkins文件夹 默认背景
系统设置+聊天框背景 +消息盒子背景和登录框设置的背景都是用的着一个 只要把
all_inside04_bkg.gft 和DefaultSkins文件夹去掉 全部可以实现透明
--------------------------------------------华丽的分割线----------------------------------------------------------
六、个人资料卡和群资料卡图片的修改:
路径:D:\Program Files\Tencent\QQ\Resource.1.56.1941 \Res\appframework\contacttips
资料卡图片名:tips_white_bkg.gft 尺寸:290 - 180
------------------------------------------华丽的分割线------------------------------------------------------
七、 状态栏和主菜单图片修改:
状态栏:Default\AppFramework\Menu 图片名:menu_bkg.gft 大小:170*260
主菜单:Res\MainMenu 图片名:menu_topright_bkg.gft 大小:147*288
Resource.1.60.2021\Themes\Default\MainPanel\MainMenuButton
一共2个文件 我就不写了
-----------------------------------------------华丽的分割线-------------------------------------------------------
八 、群聊天窗口 群成员 群动态图片:
Res\ ChatFrame\Group
图片名:All_ChatFrame_GroupMemButton_normalBackground 格式 BMP 大小:174*20
图片名:ChatFrame_GroupDownDockPanel_background 格式 BMP 大小:178*30
---------------------------------------------华丽的分割线---------------------------------------------------
九、 QQ系统托盘动画和状态图标:
1.托盘动画:
在Res\Status\QQ\login,着重修改32文件夹里的16*16的所有图标!
2.状态图标:
在Res\Status\QQ\Ico,着重修改32文件夹里的16*16的所有图标!
----------------------------------------------华丽的分割线--------------------------------------------------------
十、 QQ等级图标位置和视频开启前的背景系列修改:
1.QQ等级图标:
在Res\ConfigCenter里的grade.png
2.视频背景:
在Plugin\Com.Tencent.AudioVideo里的Bundle.rdb
解包Bundle.rdb,在\Bundle\Res里一系列图片图标!
-----------------------------------------华丽的分割线--------------------------------------------------
十一 、去除查找框和消息框的白条:
位置:Default\AppFramework\TabCtrl
我们把TabCtrlT文件夹删除就透明了
查找框小横条:删除目录:Res里的All_cutline_background.gft
十二、聊天框滚动条和主面板滚动条的透明:
目录:Default\AppFramework\ScrollBar
把里面的全部透明化就行了

十三、 修改QQ主面板分组前面小箭头的方法:
路径 Default\MainPanel
未动状态--------------MainPanel_FolderNode_collapseTexture.png
按下状态--------------MainPanel_FolderNode_expandTextureHighlight.png
我的好友状态---------MainPanel_FolderNode_collapseTextureHighlight.png
划过状态--------------MainPanel_FolderNode_expandTexture.png
格式 PNG 大小尺寸:12*12
------------------------------------------------------------------------------------------------
十四、 搜索栏透明:
目录:Default\MainPanel\search
删除图片main_search_bkg.gft
------------------------------------------------------------------------------------------------------------------------------
十五、 好友、群、微薄、最近联系人的横条透明:
目录:Default\MainPanel
删除 图片名:main_tab_bkg.gft (横条整体的透明)
删除 图片名:main_tab_highlight .gft (鼠标掠过的透明)
删除 图片名:main_tab_check.gft (鼠标按下的透明)
删除 图片名:main_tabbtn_down.gft
删除 图片名:main_tabbtn_highlight.gft
------------------------------------------------------------------------------------------------------
十六 、去QQ面板头像边框颜色:
目录:Default\AppFramework 删除文件夹HeadCtrl即可
十七、 特效感觉的美化:
目录:\Res\SkinMgr
QQ主界面:底图:main_png_bkg和实图:main_white_bkg
聊天框:底图:aio_white_bkg和实图:aio_png_bkg
系统设置:底图:all_white_bkg实图:all_inside_bkg
查找好友:底图:all_white_bkg实图:同系统设置
消息盒子:底图:all_white_bkg实图:all_inside02_bkg
QQ登进去后右下角的图:底图:all_white_bkg实图
二十、好友、群、微薄、最近联系人图标(可删除变为全透明)
目录:Default\MainPanel
图片名:icon_contacts_normal
图片名:icon_contacts_selected
图片名:icon_group_normal
图片名:icon_group_selected
图片名:icon_last_normal
图片名:icon_last_selected
目录:Plugin\Com.Tencent.WBlog\Bundle\Res\WBlog
图片名:WBlog_TabBtn_Focus
图片名:WBlog_TabBtn_Normal
图片名:WBlog_TabBtn_Normal_Msg.png
图片名:WBlogflag.png
二十一、查找好友:Res\SkinMgr
底图:all_white_bkg实图:同系统设置

二十二、 消息盒子:Res\SkinMgr
底图:all_white_bkg实图:all_inside02_bkg
二十三、 QQ主界面:
\Res\SkinMgr
底图:main_png_bkg和实图:main_white_bkg

http://115.com/file/e7botrq3#RDB打包解包工具.rar
http://115.com/file/c2pr3t85#netFramework-v3.5.rar打包失败(下载解压安装即可)
视频教程明天上。
        其实并不难、不懂的问我、我还是和从前一样、我从未离开过。    
                                                                                                                                                                                      
本帖de评分: 1 条评分 DB +1
DB+1 2012-03-17

学习下。。2012和11好多地方不一样。试试~

意小帆:463068314
猫心

ZxID:16226780

等级: 大元帅
举报 只看该作者 沙发   发表于: 2012-03-17 0
前排支持。
Primo′

ZxID:6523440

等级: 大将
                                              ..

举报 只看该作者 板凳   发表于: 2012-03-17 0
顶了

luoyu2013

ZxID:1791931

等级: 少尉
突然想到一个很严肃的学术性问题,是谁把60分定为及格的?!
举报 只看该作者 地板   发表于: 2012-03-17 0
太长了....
我也想有那么一个人,在早晨6点发来短信,写着:“猪,起床了。”
luoyu2013

ZxID:1791931

等级: 少尉
突然想到一个很严肃的学术性问题,是谁把60分定为及格的?!
举报 只看该作者 4楼  发表于: 2012-03-17 0
太长了.
我也想有那么一个人,在早晨6点发来短信,写着:“猪,起床了。”
丶丶丶丶純爺范c

ZxID:17703846

等级: 上等兵
信誉代刷QQ飞车各种S A车 天数:半年~永久  价格:50~200元不等  时间有 ..
举报 只看该作者 5楼  发表于: 2012-03-17 0
好深奥~~~~不懂~
女人丶奢侈品?

ZxID:15447079

等级: 上将
举报 只看该作者 6楼  发表于: 2012-03-17 0
学习下。。2012和11好多地方不一样。试试~
PL丶小空

ZxID:17521726

等级: 中校
举报 只看该作者 7楼  发表于: 2012-03-17 0
BOOS级触手猫

ZxID:17778692

等级: 新兵
举报 只看该作者 8楼  发表于: 2012-03-18 0
做是会做了...但是除了点问题~ 谢谢先
BOOS级触手猫

ZxID:17778692

等级: 新兵
举报 只看该作者 9楼  发表于: 2012-03-18 0
回 7楼(BOOS级触手猫) 的帖子
我是楼上~忘记留邮箱了[email protected]  谢谢
xzj2012

ZxID:17781862

等级: 新兵
举报 只看该作者 10楼  发表于: 2012-03-18 0

xzj2012

ZxID:17781862

等级: 新兵
举报 只看该作者 11楼  发表于: 2012-03-18 0
战魂°

ZxID:17777888

等级: 元帅

举报 只看该作者 12楼  发表于: 2012-03-19 0
我来了,顶你。。。
zelongof

ZxID:17785343

等级: 新兵
举报 只看该作者 13楼  发表于: 2012-03-19 0
基本全弄好了·就是有一个 QQ来消息时·鼠标放在上面 弹出的 框 的背景怎么换?
 Hazel丶瘾

ZxID:16550531

等级: 中将
举报 只看该作者 14楼  发表于: 2012-03-20 0
楼主幸苦了   文章太长无心看下去
烂漫de心

ZxID:17078715

等级: 上士
酱油米醋各有所爱
举报 只看该作者 15楼  发表于: 2012-03-20 0
前排留名啊
烂漫de心

ZxID:17078715

等级: 上士
酱油米醋各有所爱
举报 只看该作者 16楼  发表于: 2012-03-20 0
坑爹啊 用不了
cyy0

ZxID:17791023

等级: 新兵
举报 只看该作者 17楼  发表于: 2012-03-20 0
解压包怎么用不了 不对啊~~
5554502

ZxID:3355997

等级: 少尉

举报 只看该作者 18楼  发表于: 2012-03-20 0
好复杂。
mop某某

ZxID:17355650

等级: 列兵
浮夸
举报 只看该作者 19楼  发表于: 2012-03-22 0
楼主有心了,顶个
« 返回列表
发帖 回复