[TW3.x皮肤] ◆给TW3.0量身定做的两款皮肤【附皮肤制作方法】（10月20日完美终结版发布） 皮肤, 教程, 下载

liujinabc

　　欢迎下载：我修改好的两款皮肤

　　1、下载IE7皮肤：
　　皮肤下载：（10月20日更新）

　　http://pimg.qihoo.com/qhimg/jingyan/15_15/1c/02/b2/1c02b25q118830.a517a1.jpghttp://pimg.qihoo.com/qhimg/jingyan/42_19/1a/02/f5/1a02f57q11829d.9a5b04.jpg　在线安装此皮肤




　　9月6日更新皮肤预览：

　　图1、局部图片
　　

下载 (17.82 KB)

2009-9-6 18:11

　　图2、不显示收藏栏时的图片
　　

下载 (38.11 KB)

2009-9-6 18:11

　　图3、显示收藏栏是的图片，收藏栏上方加了边线
　　

下载 (40.89 KB)

2009-9-6 18:11

　　图4、显示查找栏是的图片，状态栏和查找栏同时开启时之间有了界线，更为美观
　　

下载 (39.59 KB)

2009-9-6 18:11

　　图5、显示侧边栏时的图片
　　

下载 (58.64 KB)

2009-9-6 18:11

　　图6、全局图片
　　

下载 (60.61 KB)

2009-9-6 18:11

　　

　　版本更新：

　　9月20日重要更新说明：

　　工具栏、侧边栏等处一些细节上的修改。

　　9月14日重要更新说明：

　　加修改了侧边栏面板配色，并修改了标签栏新建按钮放到左侧时的ｂｕｇ。

　　9月8日重要更新说明：

　　加上在线安装衔接，便于已经安装了该皮肤的用户升级，将skin.ini文件版本号升高，同时顺手调整了地址栏和搜索栏与前面图标之间的距离，界面看上去更加舒适美观了。

　　9月6日重要更新说明：

　　重将主页按钮、恢复按钮、收藏按钮改为大图标，重新绘制状态栏图片（当显示查找栏时更佳美观，效果见图4），采用边线的方式取代了原先边框的黑线等一些细节上的修改。本皮肤为最终版本了。

　　9月5日重要更新说明：

　　重新绘制标题栏的图片及相应的最大化的按钮、工具栏的相关图片与按钮，地址栏及搜索栏的图片及按钮，状态栏的图片，修改了界面的一些参数，添加了工具栏分割线，个人认为非常完美了，考虑了美观性，所以标签栏较ＩＥ7的标签栏来说窄了一些。

　　9月1日重要更新说明：

　　所有图片重新绘制，全部采用PNG-24格式，兼容各种Windows系统，并支持透明通道，同时大大地减小了皮肤体积，加载皮肤时占用ＣＰＵ资源进一步减小。

　　题外话：原先使用的Photoshop为精简版，故不支持“储存为Web和设备所用格式（Ｄ） ...” ，所以一直以默认的PNG格式进行绘制，看到[参赛]IE7皮肤一帖中18#dance1030 的留言说：“没弄出透明效果，话说IE7没有透明效果是很难看的。”所以特下载了完整版本的Photoshop将所有的图片采用PNG-24格式重新绘制，理论上支持透明效果了，实际如何我不知道，因为我的系统为Ｘｐ，欢迎大家下载使用，也希望Vista系统和Win7系统的用户测试效果并提交结果，以便我来进一步完善。谢谢大家！

　　8月30日重要更新说明：

　　1、修改了状态栏上端分割线的颜色，界面更加逼真美观。
　
　　8月29日更新说明：

　　1、重新绘制了隐私浏览模式下的部分图标

　　8月28日重要更新说明：

　　1、针对世界之窗&360安全浏览器3.0版本框架较2.ｘ版本发生了很大的变化，尤其是皮肤参数也有大的变化，见前文，此外值得一提的是，3.0版本对皮肤框架的支持发生了很大的变化，不在支持顶部边框，而且其它三面的边框绘制也和2.ｘ版本不同，为此特别花费了半个多小时对状态栏、标题栏、工具栏等相关图片重新绘制并修改了两处参数，从而最终完成了这一款带框架的皮肤。

　　2、重新绘制了部分图片，如：标签背景、状态栏等，图片宽度大于60像素，填充的时候占用CPU资源进一步降低。

　　3、经过世界之窗浏览器测试通过，可以完美应用于360安全浏览器。

　　8月21日：本次针对世界之窗浏览器进行重点更新，增加了BTN_STOP_COMBINE=、BTN_REFRESH_COMBINE=、BTN_TOOL=、BTN_FAVORITES=等参数，同样适用于360安全浏览器3.0版本，只是前三个参数对360SE不起专作用罢了。无边框版本与有边框版本只是参数上不同，对于无边框版本增加边框的话，打开皮肤配置文件，找到Border=1，将其改为Border=4。此外还有四个无效参数：#BG_FRAME_BORDER_HT=、#BG_FRAME_BORDER_HB=、#BG_FRAME_BORDER_VL=、#BG_FRAME_BORDER_VR=，将前面的#删除即可。

　　8月17日：本次更新就要是调整了皮肤得几处参数（Rowline=0、MainCY=34、AddressCY=34、SearchCY=34），标签滚动栏区域图标重新绘制（修正打开页面时，该处瞬间错位得ｂｕｇ），从而使得界面更加美观。

　　8月3日：本次更新主要加入了一些图标，不在调用默认皮肤的了，此为对皮肤文件内容进行了整理，便于大家查看(可以打开皮肤配置文件查看)。呵呵，这款皮肤从360浏览器3.0beta版本起就开始制作，随着360安全浏览器3.0测试版框架的几次变化，经过几次修改，到目前基本确定了，如果360安全浏览器的框架不在变化的话，那就是最终版了，我也就不在调试了，怪累的。也许在世界之窗浏览器上会有bug,毕竟360在世界之窗浏览器的基础上进行了打的框架改动，请论坛的高手自行修改好了。

　　推荐使用Vista界面主题【自己打造】

　　为了和IE7皮肤风格统一，特打造了Vista界面主题，非常美观的一款界面主题，参考了“Vista界面仿真器v1.7”的主题，自己总觉得Vista界面仿真器的Vista主题不太舒服，尤其是任务栏绿色背景和整个窗口色彩反差太大，就自己修改了一下，使整个风格更加和谐，视觉更加舒服了!

　　这款主题，只是针对窗口和按钮进行了美化，不带图标美化，主要是为了节省系统资源。另外本人觉得Vista的图标也并不好看，只是喜欢它的窗口界面而已!!

　　下载：Vista风格主题

　　说明：下载后解压，将里面的文件复制到C:\WINDOWS\Resources\Themes文件夹下，打开显示属性即可应用主题。

　　Vista界面主题预览

　　http://bbs.duba.net/attachments/month_0809/20080917_02fcce3f62b94e0b86f9AENGmPMPycU5.jpg

　　http://bbs.duba.net/attachments/month_0809/20080917_597da4f16e1d2ce7a444tQvtfmzPKtJq.jpg



　　2、下载：　Arzo皮肤
　　
　　使用说明：如您下载Vista风格IE7皮肤，得到压缩包Vista Style-IE7.zip压缩文件，解压得到Vista Style-IE7文件夹，然后将Vista Style-IE7文件夹复制到theworld安装目录下的skin文件夹下，然后执行世界之窗选项即可。　
　　附：皮肤界面图：
　　1.Vista风格IE7皮肤界面
　　修改后
　　http://pimg.qihoo.com/qhimg/baike/917_803/15/03/23/1503239q114910.a1f846.jpg

　　修改前
　　http://pimg.qihoo.com/qhimg/baike/897_708/1a/04/72/1a04720q11a317.189768.jpg
　　2.Arzo皮肤界面
　　http://pimg.qihoo.com/qhimg/baike/896_704/1b/04/b5/1b04b54q11a0de.209aec.jpg
　　　　　　　　欢迎大家下载试用，并踊跃提出好的建议

　　注：官方已经发布了3.0版本皮肤skin.ini参数：点此浏览skin.ini完整注释
　　附：皮肤制作过程
　　新版  TW3.0发布了，由于新版本皮肤修改了一些参数，所以2.Ｘ版本的皮肤在3.0版本中不能直接应用，需要简单修改一下才能拿来用，以下为修改教程，并附上两款皮肤供大家参考，IE7皮肤配置文件中有详细的皮肤参数说明，制作皮肤的朋友可以参考。
　　1、皮肤描述中增加App=3
　　首先打开需要修改的皮肤文件夹，找到皮肤配置文件skin.ini，打开该文件，找到加[General]语句，在下面加上App=3
如：
[General]
App=3　　　没有App=3这个语句的皮肤都会被忽略。这就是为什么2.ｘ版本皮肤不能在3.0版本应用的原因。
　　加上该语句后就可以在3.0版本中应用2.ｘ版本的皮肤了，但是会发现界面有一些bug，这是因为3.0版本的标题条、最大化按钮、标签区域、侧边栏参数改动比较大所致。下面一一分析说明：
　　2、标题条
　　新版标题条新增一项参数为BG_TITLEBAR_MAX=，没有该项时，当窗口最大化就会显示360默认皮肤的绿色标题条，
　　解决方法：打开skin.ini文件，搜索BG_TITLEBAR，比如找到BG_TITLEBAR=bg_titlebar.png，然后在其下面创建BG_TITLEBAR_MAX=bg_titlebar.png，即等号后面的内容相同即可。
　　3、最大化按钮
　　新版最大化按钮增加了一项参数BTN_TITLE_MAX2=，没有该项时，2.ｘ版本皮肤经上述修改后，会出现最大化按钮错位现象。
　　解决方法：打开skin.ini文件，搜索BTN_TITLE_MAX，比如找到BTN_TITLE_MAX=btn_title_max.png，然后在其下面创建BTN_TITLE_MAX2=btn_title_max.png，即等号后面的内容相同即可。
　　4、标签区域
　　标签区域参数改动比较大，找到[TabBar]一项，在其下新增如下参数（注：#后边的内容为参数的说明，参数的具体数值根据不同的皮肤会有不同的数值，所以修改皮肤时可以自行进行调试）
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
[TabBar]
ItemLeft=6
ItemRight=6
#标签左边、右边区域宽度（绘制的时候使用标签图原始尺寸绘制左边）
#中间的宽度为标签实际宽度减左右宽度，绘制的时候用标签图中部拉伸绘制
VBorder=2
#标签上文字和图标的Y方向的边界高度
PBorder=1
#激活的标签，压住未激活的标签的宽度
CBorder=4
#激活的标签的关闭按钮与标签右边的距离
IBorder=5
#标签图标距标签左边的距离
NBorder=1
#当右侧显示新建按钮的时候，新建按钮的缩进距离（值越大靠标签越近）
BackMode=3
#选项值，标签栏背景的填充方式，支持五种：
#1-自适应（自动缩放背景图）
#2-平铺
#3-三段式填充,左右部分原始，中部缩放，横向
#4-三段式填充，左右部分缩放，中部居中原始，横向
#5-三段式填充,左右部分原始，中部平铺，横向和纵向
HeightNormal=30
HeightMax=30
#整数值，分别为窗口模式和最大化时，标签栏的高度
NewInLeft=0
#新建按钮是否在标签栏左侧。（1=左侧，0=右侧）
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
　　皮肤还有一个重要改动，就是标签栏右侧的标签滑块和标签小工具，需要通过Photoshop绘图软件加工，这个不好说，具体参见我做好的几款皮肤，做好scrollbg.PNG、scrollgauge.PNG、tab_button.PNG、tab_button_close.PNG这4个图片后，在皮肤配置文件中找到[IMG]项，其下增加如下语句即可：
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
BG_SCROLL_H=scrollbg.png
#标签滚动条的滑道图，宽度决定滚动条的长短
IMG_SCROLL_GAUGE_H=scrollgauge.png
#标签滚动条滑块图
TAB_BUTTON=TAB_BUTTON.png
#标签栏最右边的列表按钮
TAB_BUTTON2=TAB_BUTTON_CLOSE.png
#标签栏最右边的关闭按钮
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
　　5、侧边栏
　　新版侧边栏增加了四项参数：BG_SIDEBAR_MINI=、BG_SIDEBAR_TOOL=、BG_SIDEPANEL=、BG_SIDETOOLBAR=，没有该项时，会默认调用3.0版本默认皮肤的参数，当然可能会出现一些不和谐的现象，主要是颜色上的不协调。
解决方法：通过Photoshop绘图软件绘制bg_sidebar_mini.png、bg_sidebar_tool.png、sidebarpanel.png、sidebartoolbg.png图片，然后在皮肤配置文件[IMG]项下增加如下语句即可：
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
BG_SIDEBAR_MINI=bg_sidebar_mini.png
BG_SIDEBAR_TOOL=bg_sidebar_tool.png
BG_SIDEPANEL=sidebarpanel.png
BG_SIDETOOLBAR=sidebartoolbg.png
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
　　最后，3.0版本在皮肤边框上参数变化了，所以部分原有图片进行了调整。
　　将修改好的皮肤文件夹放到theworld.exe 所在目录的skin文件夹下即可。然后到世界之窗浏览器选项中应用即可。

金祥营销

虽然一直只用自带的皮肤，不过还是帮顶一下。

以后有好的皮肤也会考虑一下。

大梦春秋

标题换了，这样显得人多油吧，其实在标题上注明转贴就行了嘛

liujinabc

标题换了，这样显得人多油吧，其实在标题上注明转贴就行了嘛
大梦春秋 发表于 2009-8-2 13:25 http://bbs.ioage.com/cn/images/common/back.gif

帖子就是我的，为什么要注明转帖呢？

参见：360安全浏览器3.0版本量身定做皮肤教程【附皮肤下载】（金山毒霸论坛）

　　　◆为360SE3.0版本量身定做皮肤教程【附皮肤下载】 （360论坛）

tidehome

标签区域
还有3个不同

下载 (22.2 KB)

2009-8-2 13:43

liujinabc

6# Falzon

就兴你改皮肤，难道别人就不可以了吗？修改教程难道是一个人的专利，照你这么说，世界还有发展吗？

liujinabc

9# tidehome

我用的好像没有你说的现象，见皮肤游、预览图

tidehome

借帖预告

我也在写教程

下载 (22.8 KB)

2009-8-2 13:49