返回列表 发帖

[TW3.x皮肤] ◆给TW3.0量身定做的两款皮肤【附皮肤制作方法】(10月20日完美终结版发布)

本帖最后由 liujinabc 于 2009-10-21 15:07 编辑

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

  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、局部图片
   preview.png

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

  图3、显示收藏栏是的图片,收藏栏上方加了边线
   y2.png

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

  图5、显示侧边栏时的图片
   y4.png

  图6、全局图片
   y5.png
  

  版本更新:

  9月20日重要更新说明:

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

  9月14日重要更新说明:

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

  9月8日重要更新说明:

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

  9月6日重要更新说明:

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

  9月5日重要更新说明:

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

  9月1日重要更新说明:

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

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

  8月30日重要更新说明:

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

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

  8月28日重要更新说明:

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

  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),标签滚动栏区域图标重新绘制(修正打开页面时,该处瞬间错位得bug),从而使得界面更加美观。

  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.X版本的皮肤在3.0版本中不能直接应用,需要简单修改一下才能拿来用,以下为修改教程,并附上两款皮肤供大家参考,IE7皮肤配置文件中有详细的皮肤参数说明,制作皮肤的朋友可以参考。
  1、皮肤描述中增加App=3
  首先打开需要修改的皮肤文件夹,找到皮肤配置文件skin.ini,打开该文件,找到加[General]语句,在下面加上App=3
如:
[General]
App=3   没有App=3这个语句的皮肤都会被忽略这就是为什么2.x版本皮肤不能在3.0版本应用的原因
  加上该语句后就可以在3.0版本中应用2.x版本的皮肤了,但是会发现界面有一些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.x版本皮肤经上述修改后,会出现最大化按钮错位现象。
  解决方法:打开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文件夹下即可。然后到世界之窗浏览器选项中应用即可。

IE7.zip (174.07 KB)

Vista_Style_IE7.zip (172.54 KB)

欢迎光临我的空间(http://koudai.360.cn/u/15827934/article_203261242.html)

提示: 作者被禁止或删除 内容自动屏蔽

G430A@Win7+IE10+Norton360+TW6

TOP

提示: 作者被禁止或删除 内容自动屏蔽
http://valid.canardpc.com/cache/banner/2854499.png
新浪/腾讯/饭否@小蛐蛐   twitter @jiayiming
如有过滤规则需要更新,请尽量原帖反馈提醒。

TOP

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

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

TOP

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




TOP

提示: 作者被禁止或删除 内容自动屏蔽

G430A@Win7+IE10+Norton360+TW6

TOP

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


帖子就是我的,为什么要注明转帖呢?

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

   ◆为360SE3.0版本量身定做皮肤教程【附皮肤下载】 (360论坛)
欢迎光临我的空间(http://koudai.360.cn/u/15827934/article_203261242.html)

TOP

提示: 作者被禁止或删除 内容自动屏蔽

G430A@Win7+IE10+Norton360+TW6

TOP

标签区域
还有3个不同

rrtrtew.png
推荐皮肤 :随心炫2, 黑与光

TOP

6# Falzon

就兴你改皮肤,难道别人就不可以了吗?修改教程难道是一个人的专利,照你这么说,世界还有发展吗?
欢迎光临我的空间(http://koudai.360.cn/u/15827934/article_203261242.html)

TOP

9# tidehome

我用的好像没有你说的现象,见皮肤游、预览图
欢迎光临我的空间(http://koudai.360.cn/u/15827934/article_203261242.html)

TOP

借帖预告

我也在写教程
tw33.png
推荐皮肤 :随心炫2, 黑与光

TOP

返回列表