【登录】 【注册】
进入此贴详细完整版>> QQ2012透明皮肤制作教程,自己修改QQ透明皮肤的方法中华游戏网 > QQ技术交流

主题:QQ2012透明皮肤制作教程,自己修改QQ透明皮肤的方法
作者:枫、
时间:2012-12-27 03:04

-------------------------------教程开始
(一)先将文件的扩展名显示出来
XP系统--随便点开一个文件夹选择“工具”“文件夹选项”“查看”将“隐藏已知文件类型的扩展名”前的打钩去掉,确定。
Win7系统--打开“计算机”,点击工具栏右上角的“组织”,然后点击下面的“文件夹和搜索选项”--"查看",下面有个"隐藏已知文件类型的扩展名",把前面的钩去了,确定。

(二)找到皮肤所在的文件位置
在自己的电脑找到Res.rdbDefault.rdb其中Res.rdb文件位置默认在QQ安装盘:Program FilesTencentQQResource.1.75.3221中,Default.rdb在里面的Themes文件夹

(三)使用RDB打包解包助手解包
这是制作透明皮肤的软件本帖同时提供了,在本帖最下方即可下载。
使用RDB解包打包助手将Res.rdb和Default.rdb解包会得到Res和Default两个文件夹,QQ的皮肤大部分文件都在这里面,主要是修改这两个文件里面的PNG图片和gft文件,png格式的文件可以直接查看,用作图软件修改,gft文件无法直接查看,我们可以使用png格式的图片文件做好以后,改名为.gft格式,也可以使用gft转换工具转换成png格式的图片,改完后再转换回gft格式。文件修改完毕以后打包放回原处(尽量备份一下这两个原文件)。

以登录界面为例

1、经典登录框的图片修改
在解包的Res文件夹中找到LoginPanelmini_defaultbanner2.gft文件,这个就是登陆界面的图片,做一个大小380X280的图片文件命名为mini_defaultbanner2.gft替换它。然后找到ResAppFrameworkLoginPanel文件夹,将里面的safeminilogin_png_bkg.gft和safeminilogin_png_bkg2.gft做透明处理或者删除。

这样登录界面就修改完成了,下面是一些细节的修改

登录框按钮的修改
这次是在Default文件夹找到AppFrameworkButton下面的4个文件。
btn_down.gft
btn_focus.gft
btn_normal.gft
btn_highlight.gft 这4个是登录界面的按钮,不想修改的可以删除。
DefaultAppFrameworkFrameBorder的all_btn_Light和all_btn_White-side是按钮周围的边框,可以删除。

登录界面的其他图标和细节
ResLoginPanel里面的login_head_bkg__normal.gft和login_head_bkg_highlight.gft是登录界面多账号的头像后面的背景以及边框,单账号登录头像背景位置则在DefaultLoginPanellogin_head_bkg.gft,这3个文件如果想去掉的话就透明或者删除。

ResAppFrameworkLoginPanelkeyboard.png小键盘的图标
勾选项的图标在 DefaultAppFrameworkCheckButton里面
登录界面的最大化最小化图标位置在DefaultAppFrameworkSysButton里面的gft文件都是了

多账号状态时头像上删除账号的叉叉按钮图标DefaultLoginPanel   
accountdel.gft
accountdel_down.gft
accountdel_mouseover.gft

添加待登陆的QQ账号的小加号图标在DefaultLoginPanel      
addaccountbtn_icon_normal.gft
addaccountbtn_icon_highlight.gft
addaccountbtn_icon_down.gft

添加背景上面的删除按钮DefaultLoginPanel     
addaccountframe_close_down.gft
addaccountframe_close_mouseover.gft
addaccountframe_close_normal.gft

添加账号的背景DefaultLoginPanelAddAccount_Frame_bkg.gft
多账号单账号前面的小图标的位置DefaultLoginPanelswitchbtn.gft
帐号密码输入框外观蓝色背景DefaultAppFrameworkFrameBorder的frameBorderEffect_normalDraw.gft(不建议修改)

登录框的文字修改
涉及到文字修改的地方QQ安装盘Program FilesTencentQQI18N2052这个路径下面的配置文件里面,使用右键--记事本打开后就能看到里面的文字了,按照自己的意愿修改后关闭时保存就可以了。
修改的地方很多太长了,回复吧。
该隐藏帖已经发布超过60天,已自动取消隐藏功能,无需回复即可查看!
---------------------------------------------------------------------------------------------------

登录框的登录按钮上面的字在PreLoadStringBundle.xml右键记事本打开
<String id="LoginPanel_Online_S">
  在线
</String>
<String id="LoginPanel_Offline_S">
  离线
</String>
<String id="LoginPanel_Latent_S">
  隐身
</String>
<String id="LoginPanel_Busy_S">
  忙碌
</String>
<String id="LoginPanel_Away_S">
  离开
</String>
<String id="LoginPanel_Login">
  登录        改这里的字即可
</String>
<String id="LoginPanel_RememberPsw">
  记住密码    改这里的字即可
</String>
<String id="LoginPanel_Sel_Account">
  选择本次登录帐号:
</String>
---------------------------------------------------------------------------------------------------

登录框上面的设置 单账号多账号按钮上面的字PreLoadStringBundle.xml右键记事本打开

<String id="LoginFail_DetailInfo">
  尊敬的用户,该版本$CON$已经退休了,请您升级到最新版本再登录。
</String>
<String id="LoginPanel_Setting">
  设置2   改这里的字即可
</String>
<String id="LoginPanel_SwitchToSingleAccountLogin">
  单帐号2  改这里的字即可
</String>
<String id="LoginPanel_SwitchToMultiAccountLogin">
  多帐号2  改这里的字即可
</String>
<String id="LoginPanel_Note">
  您可以在登录前设置网络连接。

---------------------------------------------------------------------------------------------------

登录框左上角QQ2011的修改 PreLoadStringBundle.xml右键记事本打开

登录框的QQ2011和主面板的QQ2011一样
                   
<String id="LoginPanel_Password">
  密码:
</String>
<String id="Product_Name" fmt="true">
  $__PNAME_V_SV$
</String>
<String id="MainFrame_Title" fmt="true">
修改这个地方的文字 
</String>
<String id="LoginPanel_SoftKeyboard">
  打开软键盘
</String>
---------------------------------------------------------------------------------------------------

登录框注册账号找回密码的字AFPreLoadStringBundle.xml右键记事本打开

<?xml version="1.0" encoding="UTF-8"?>
<StringBundle version="1.0">
<String id="LoginPanel_NewAccount">
  注册新帐号
</String>
<String id="MiniLoginPanel_NewAccount">
  注册帐号1     这里改
</String>
<String id="LoginPanel_GetYourPswBack">
  找回密码
</String>
<String id="MiniLoginPanel_GetYourPswBack">
  找回密码2   这里改
</String>
<String id="CloseFloatWindow">
  返回会话窗口
</String>
<!--登录安全检查-->
</StringBundle>
---------------------------------------------------------------------------------------------------

多账号添加QQ 的字StringBundle.xml右键记事本打开

<String id="UsrSelfBirth">
  生    日:
</String>
<String id="IDS_MULTI_LOGIN_ADD_ACCOUNT">
  添加QQ帐号1  这里修改
</String>
<String id="IDS_MULTI_LOGIN_ADD_ACCOUNT_OK_BTN">
  确定添加
</String>





1楼:枫、(2012-12-27 03:06)

内容多了 发出来的帖子是空白的  不知道为什么 只能发开发了

竖直登录框的修改

2012的竖版登录界面和2011有所不同,他是3个文件组成的一个整个的图片

up.png.gft 是上面的图片
mid.png.gft是中间的图片
down.png.gft 是下面往下拉伸的图片
这3个图片组成一个登录界面

我的修改方法是将up.png.gft做一个大小为290x600的固定图片(根据自己的情况而定)
mid.png.gft做一个空白的替换,另外一个不动(这个根据自身的情况来改,可以透明或者删除试试)

Default\LoginPanel\StdLoginBanner.png这是QQ2012的版权图标,不会做透明图片的可以删除试试。
竖版登录界面下方的小图标在Res\AppFramework\LoginPanel里面
注册新账号         newid.png    20*20        
找回密码         password.png  20*20
设置         netsetting.png       20*20
2楼:枫、(2012-12-27 03:07)


登录缓冲界面

在QQ安装目录(不是res和Default文件夹)完整路径是"QQ安装盘:\Program Files\Tencent\QQ\Misc\LoginPanel\Background里面,和竖版的登录界面差不多,这个可以做一个整个的登录缓冲界面图片然后裁切成两块,上面的图片命名为up.png.gft下面的图片mid.png.gft,这两个图片组成缓冲界面,大小根据自己的情况而定,做好以后替换这里面的同名文件。

注意:里面的3个文件不能删除也不能透明,要不就变黑了。

取消按钮透明
btn_down.png
btn_focus.png
btn_highlight.png
将这3个图片做成透明的即可,这个不能删除,以前的版本如果删除QQ就会无法登陆。

2012版权图标
StdLoginBanner.png做一个透明的154X110 png格式的图片替换。
2012新增了Flash缓冲效果,这个位置在LoginPanel\swflogo名字是Logoloading motion.swf这个如果删除会变黑(我使用的一个空白的Flash替换的)\LogoFile\2052里面的两个图片是会员和非会员的登录动画,可以删除。

PS:这些图片都可以直接查看,对照着修改吧。
3楼:枫、(2012-12-27 03:08)



主界面的修改
Res\SkinMgr中找到main_png_bkg.gft,是也是主界面的白膜,删除后主界面就透明了,如果想主界面固定一张图片,可以根据自己的主界面大小做一个图片,改名为main_png_bkg.gft替换它。
Default\MainPanel\MainPanelContainer_background.png.gft 是主界面框内的白膜,可以删除。
Default\MainPanel\search里面的main_search_bkg.gft是上面搜索框,删除即可。里面其他的图片可以看着修改。

主界面上好友、群、微博、校友、最近联系人背景透明
Default\MainPanel此文件夹中的所有gft格式的文件,删除。
注:main_group_highlight.gft为分组鼠标滑过效果,如果要用到的话不要删除。
Res\MainPanel\GroupMainFrame里面的5个gft文件是在主界面点击群图标后面的横条,删除或者透明。


主界面的主菜单
Res\MainMenu\menu_topright_bkg.gft这个还是不要删除了,如果删除就看不清文字了,可以做成半透明的或者是做一个145X290的图片替换

下方的主菜单的小企鹅图标位置在Default\MainPanel\MainMenuButton
menu_btn_normal.gft 未动效果
All_MainPanel_MainMenuButton_highlight_on.gft  鼠标放在上面的效果 大小不要超过47X 47

主界面在线状态菜单
Default\AppFramework\Menu\menu_bkg.gft和界面主菜单一样,不过大小是170X290.
里面的menu_highlight.gft是二级菜单的蓝条,如果不修改的话将这个透明或者删除。
menu_cutling.gft 是里面的白线,这个也可以删除。
注:修改这个以后,QQ在任务栏的右键状态和其他的右键以及二级菜单都会变成这个图案。

联系人,最近联系人,群的图标还是在Default\MainPanel这个文件夹
icon_contacts_selected.png
icon_contacts_normal.png
icon_last_selected.png
icon_last_normal.png
icon_group_selected.png
icon_group_normal.png   这几个是PNG的图片,想换的直接做成图片替换。

微博图标 :QQ\Plugin\Com.Tencent.WBlog\Bundle\Res\WBlog
WBlog_TabBtn_Focus
WBlog_TabBtn_Normal
WBlog_TabBtn_Normal_Msg.png

校友图标 :QQ\Plugin\Com.Tencent.FriendsSocial\Bundle\Res\FriendSocial
FriendSocial_TabBtn_Focus.png
FriendSocial_TabBtn_Normal.png
FriendSocial_TabBtn_Normal_Msg.png

校友分组中下面的导航条删除或者修改
background.gft
bluebar_close_down.gft
bluebar_close_highlight.gft
bluebar_close_normal.gft

好友分组前面的小箭头图标Default/MainPanel文件夹,找到下面这四个图片
默认状态--------------MainPanel_FolderNode_collapseTexture.png
按下状态--------------MainPanel_FolderNode_expandTextureHighlight.png
好友状态--------------MainPanel_FolderNode_collapseTextureHighlight.png
划过状态--------------MainPanel_FolderNode_expandTexture.png
这些图片可以直接查看,使用png格式的图片替换这个4个图片,也可以使用多个图片替换。

主界面上方图标:
1、QQ空间:QQ\Plugin\Com.Tencent.Qzone\Bundle\Res  文件:qzone16_main.png
2、腾讯微博:QQ\Plugin\Com.Tencent.WBlog\Bundle\Res\WBlog   文件MainPanelVasIcon_Main.png
3、QQ邮箱:QQ\Plugin\Com.Tencent.Mail\Bundle\Res       文件:mail16.png
4、拍拍乐享  QQ\Plugin\Com.Tencent.PaiPai\Bundle\Res     文件PaiPai_MainService.png
5、QQ钱包:QQ\Plugin\Com.Tencent.PayCenter\Bundle\Res  文件:purse18.png
6、搜搜个人中心:QQ\Plugin\Com.Tencent.WenWen\Bundle\Res  文件:soso.png
7、腾讯网我的资讯:QQ\Plugin\Com.Tencent.Today\Bundle\Res    文件:TodayBtn.png
8、QQ校友:QQ\Plugin\Com.Tencent.VAS\Bundle\Res  文件:MainPanelServiceBarExt_XiaoYou.png
9、QQ会员信息中心:QQ\Plugin\Com.Tencent.QQVip\Bundle\Res\vip     文件:MainPanelLogo.png
10、消息盒子:Res\InformationBox  文件:Messagebox16.png
11、更改外观:Res\MainPanel\Button 文件:btn_Skin_normal.png
12、天气:QQ\Plugin\Com.Tencent.Weather\Bundle\Res

主界面下方图标:
1、系统设置:Res\MainPanel\Button   文件:Tools.png
2、消息管理器:Res\MainPanel\Button   文件:message.png
3、安全 路径:Res\AppFramework\Safe   文件:QQSafe.png
4、查找联系人 Res\Finger  文件:Finger_Normal.png和Finger_Setting.png
5、应用盒子里的图标:Res\MainPanel\AppBox   文件:appbox_mgr_btn.png
4楼:枫、(2012-12-27 03:09)

聊天界面

Res\ChatFrame 在这个文件夹中
aio_meg_in.gft 这个是聊天输入文字的输入框背景白膜
aio_meg_out.gft 这个是接受信息的接受框背景白膜
aio_quickbar_bkg.gft 这个中间工具条(字体,表情,窗口抖动等等)下的白膜
aio_QQshowlight_bkg.gft
aio_QQshow_bkg.gft
aio_QQshowcut_bkg.gft 这些是QQ秀下的白膜

Res\SkinMgr中
aio_png_bkg.gft 聊天界面上方 视频 传文件 以及下方的白膜
aio_withbar_png_bkg 多标签聊天界面白膜,可以透明或者删除。
注:如果想要换皮肤时和聊天界面和主界面的不一样,这两个个做成固定的图片就可以了。

默认皮肤Res\SkinMgr\DefaultSkins\main_bkg.gft这个是默认的显示图片这个图片不仅仅是聊天界面的,主界面以及其他地方如果不固定图片的话,都可以显示这个图片,这个图片没有固定的大小,找一张大图即可。

聊天界面发送按钮在Res\AppFramework\LoginPanel\SafeButton里面的
minilogin_btndown_down.gft
minilogin_btndown_focus.gft
minilogin_btndown_highlight.gft
minilogin_btndown_normal.gft

按钮右侧
minilogin_btnleft_down.gft
minilogin_btnleft_focus.gft
minilogin_btnleft_highlight.gft
minilogin_btnleft_normal.gft  

点击按钮蓝色边框
aio_btn_Projection_left.png.gft
aio_btn_Projection_right.png.gft  透明或者删除处理

聊天界面的图标。

1、视频:QQ\Plugin\Com.Tencent.AudioVideo\Bundle\Res     文件:video.png
2、语音:QQ\Plugin\Com.Tencent.AudioVideo\Bundle\Res   文件:audio.png
3、传送文件:QQ\Plugin\Com.Tencent.FileTransfer\Bundle\Res   文件:aio_toobar_send.png
4、发送短信:QQ\Plugin\Com.Tencent.Wireless\Bundle\Res    文件:CFBuddyTopToolbarExt.png
5、创建讨论组:Res\ChatFrame\Buddy\Icons\TopToolbar   文件:aio_toobar_add.png
6、举报:Res\AppPluginIcon   文件:aio_toobar_Report.png
7、应用:Res\ChatFrame\Buddy\Icons\TopToolbar   文件:aio_toobar_app.png
8、远程协助:QQ\Plugin\Com.Tencent.RemoteHelp\Bundle\Res   文件:Remote_MenuTextue.png
9、字体:Res\AppFramework\ChatFrame\MidToolbar   文件:aio_quickbar_font.png
10.表情:Res\AppFramework\ChatFrame\MidToolbar   文件:aio_quickbar_face.png
11.会员表情:Res\AppFramework\ChatFrame\MidToolbar   文件:aio_quickbar_richface.png
12.窗口抖动:QQ\Plugin\Com.Tencent.SNSApp\Bundle\Res   文件:aio_quickbar_twitter.png
13.动一下表情:QQ\Plugin\Com.Tencent.SNSApp\Bundle\Res   文件:aio_quickbar_flirtationface.png
14.发送图片:Res\AppFramework\ChatFrame\MidToolbar   文件:aio_quickbar_sendpic.png
15.点歌:QQ\Plugin\Com.Tencent.QQMusic\Bundle\Res   文件:musicsharebtn20.png
16.礼物:QQ\Plugin\Com.Tencent.PaiPaiGift\Bundle\Res   文件:Present_20.png
17.截图:Res\AppFramework\ChatFrame\MidToolbar   文件:aio_quickbar_cut.png
18.划词搜索:QQ\Plugin\Com.Tencent.Soso\Bundle\Res\WSearch   文件:soso_icon_16
19.消息记录:Res\AppFramework\ChatFrame\MidToolbar   文件:aio_quickbar_register.png
20.多功能复制输入:QQ\Plugin\Com.Tencent.VAS\Bundle\Res   文件:QQIme.png
5楼:枫、(2012-12-27 03:10)


迷你资料窗口

Res\appframework\contacttips文件名是material-bg.gft这个不要修改成透明的只要制作一张尺寸为:280X166 的 png 格式图片,命名同名文件替换即可。

迷你资料卡上面的QQ空间游戏人生等的横条背景(包括群资料卡)Res\ContactTips
buddytips_titil_close.gft
buddytips_titil_mouseover.gft
buddytips_titil_open.gft

迷你资料卡上面的QQ空间游戏人生等后面的上下小箭头(包括群资料卡)Res\ContactTips
buddytips_arrow_down.gft
buddytips_arrow_up.gft
6楼:枫、(2012-12-27 03:12)


我的资料,系统设置,消息盒子\管理器等等这些功能面板


Res\SkinMgr 要修改的文件是:

all_inside_bkg.gft-------系统设置     642 463
all_inside02_bkg.gft----消息管理     800 506
all_inside04_bkg.gft----消息盒子     753 477
all_inside05_bkg.gft----我的资料     585 426

系统设置左边切换栏横条修改在\Res\AppFramework\Common文件夹里:

按下选择后--stope_tabbtn_down.gft
鼠标掠过--stope_tabbtn_highlight.gft
未动常显--stope_tabbtn_normal.gft  
将 stupe_bkg透明或者删除
然后将Res\AppFramework\ConfigCenter里面的gft文件删除。

消息盒子去白膜\Default\AppFramework\Common删除
list_bkg_border.gft
listitem_check.gft
list_bkg.gft
删除  Res\InformationBox\MsgBoxQuickBarBkg.gft 这个图片是上面的白条

最近请求的白膜:Res\InformationBox
main_tab_check_bkg.gft
main_tab_highlight_bkg.gft

消息管理器里面的横条白膜
Default\AppFramework\ListCtrl 删除里面所有的文件。

查找联系人查找联系人白膜文件在Res\Finger文件夹

mainframe.gft   下方白膜
topframe.gft     查找后面的白膜
maintab_pushed.gft  
maintab_unpushedhover.gft  
maintab_unpushednormal.gft 这几个是找朋友 找群 和企业的白膜

input.gft  查找外面的白色大边框

find_pushed.gft
find_normal.gft
find_hover.gft  查找按钮的颜色。

commend_tabbtn_hover.gft
commend_tabbtn_pushed.gft 精确查找后面的按钮。

cardbkg.gft 好友后面的显示背景。

不想修改的话可以将这个文件夹里面的gft文件全部删除。

如果想干净一些,将下面的图片删除
group_background.png
maintab_seperator.png
resultsep_horz.png
resultsep_vert.png
mintab_seperator.png
NoGreetPageOtherBtnBkg.png
Finger_line.png
commend_background.png
addfriendsocial_normal.png

找人,找群、找企业的图标是png格式的图片,可以直接查看,这里就不贴文件名了。


7楼:枫、(2012-12-27 03:13)


应用管理器文件在Res\MainPanel\AppBox

fav_app_background_1.png
fav_app_background_2.png 下方白膜
fav_app_empty.png  放置应用
add_background
remove_background 鼠标放上的边框

这几个是图片文件,可以删除。
appbox_mgr_btn.png是应用管理器在主界面显示的图标,可以做一个透明的同名图片替换。
登录后弹出提示信息小窗口 Default\AppFramework\TipWindow
tips.png.gft  非会员
VipTips.png.gft  会员
删除或者修改这两个文件,大小可以使用QQ截图查看。


弹出消息框背景
修改的位置在Default/AppFramework/TipWindow/修改或者删除里面的tips_png_bkg.gft


查看“关于QQ版本”里面的企鹅图片
Res\AppFramework\Misc\about_logo,删除。


QQ系统托盘动画和状态图标
托盘动画:在Res\Status\QQ\login,着重修改32文件夹里的16*16的所有图标!
状态图标:在Res\Status\QQ\Ico,修改32文件夹里的16*16的所有图标!男生的就修改GG文件,女生就修改MM文件
状态栏在线隐身之类的前面的小图标:修改Res\Status\FLAG  
状态栏锁定QQ图标修改位置: Res\lockPanel

去除群聊天框群成员的白膜 Res\InformationBox 删除

MainPanel_ContactHeadNormal_paddingDraw.gft
MainPanel_ContactHeadSelect_paddingDraw.gft
MsgBoxQuickBarBkg.gft

个人资料--个性签名去白膜
位置Default\AppFramework\FrameBorder
frameBorderEffect_mouseDownDraw
frameBorderEffect_normalDraw
删除这两个gft文件就透明了,不过如果删除的话,其他地方的输入框也会受影响,视自己的情况而定。

我的资料里下拉框的白膜去除
Default\AppFramework\ComboBox里面的文件全部用透明文件替换。


聊天框滚动条和主面板滚动条的透明
Default\AppFramework\ScrollBar  把里面的全部透明化或者删除


聊天界面的“提示文字”修改
提示文字在QQ\I18N\2052\StringBundle.xml  右键记事本打开找到它修改即可,或者删除。
QQ\Misc\CSC\2052\7中18  删除  
Res\AppFramework\Misc\Safe\s_infor.png 这个不要直接删除,同尺寸的透明图片替换。


去除登录界面【设置】里面【登录设置】后面的白条
Default\AppFramework\TabCtrl把TabCtrlT文件夹删除就透明了
查找框小横条:删除Res里的All_cutline_background.gft

以上即是QQ2012透明皮肤的修改方法
8楼:lvchaoqi(2013-07-10 16:35)

顶一个!!!!!!!!!!!!!!!!!!!
9楼:cnrx(2013-07-14 10:23)

举双手支持楼主。[懒人回复]
10楼:h088507(2013-07-16 00:20)

a a a 啊啊啊啊 啊啊 啊啊

进入此贴详细完整版>> QQ2012透明皮肤制作教程,自己修改QQ透明皮肤的方法 返回顶部


COPYRIGHT © 2006-2024 中华游戏网 cnyouw.cn. ALL RIGHTS RESERVED. SITEMAP