世界之窗论坛 » 浏览器皮肤资源 » 制作2.0皮肤必读，一定来看看(2007.1.19更新)

返回列表发帖

Rank: 20

UID: 1
帖子: 5881
精华: 15
贡献: 112
推广: 0
有效BUG: 0
注册时间: 2005-2-20

1^# 跳转到 » 正序看帖

字体大小: tT

发表于 2006-11-17 20:07 | 只看该作者

[TW2.x皮肤] 制作2.0皮肤必读，一定来看看(2007.1.19更新)

2.0的皮肤图，支持jpg,gif,png等图片格式
其中png格式是我们推荐使用的，因为它是无损压缩，而且很适合用于皮肤（皮肤图片一般压缩比都很大，比jpg划算多了）

一、背景尺寸的选择
像bg_titlebar.png, bg_topbar.png, bg_bottombar.png, tab_bg.png这几个图，都是背景图，有的是平铺，有的是三段式填充

不论哪种方式，总之这些图是要连续绘制才能形成背景，所以建议图的宽度尽量给宽一些，比如200像素左右，这样可以大量节省绘制时间，在浏览器窗口尺寸被拖动调整的时候尤其明显。（我们可以看到一些好的皮肤，包括windows vs，背景图也都给的很大，其实，对于连续图形，png压缩率足够大了，一个宽度为10像素的背景和一个宽度为200像素的背景，也许尺寸差别不到1K）

二、保存png的图必须注意
经过我们的测试，各种平台下，png的支持库表现并不完全一样
请按照下面的步骤保存png，获得各个平台一致的显示效果

1、在photoshop文件菜单选择另存为web格式
2、在界面上选择png-24, 如果有alpha通道，选择transparency

见附件图

1.png (9.15 KB)

2.png (7.16 KB)

Rank: 1

UID: 221721
帖子: 2
精华: 0
贡献: 0
推广: 0
有效BUG: 0
注册时间: 2009-8-11

33^#

发表于 2009-8-11 23:17 | 只看该作者

我也来试试看，一直在做手机主题，作皮肤倒是第一次，谢谢指教

Rank: 12

UID: 8906
帖子: 2796
精华: 0
贡献: 0
推广: 0
有效BUG: 0
来自: 嘉善
注册时间: 2006-3-18

32^#

发表于 2007-7-14 19:05 | 只看该作者

回复 #31 diaoying7827 的帖子

这里.
http://www.ioage.com/cnnew/skin/skin_reference.htm

Follow ME
---------------
我的博客

Rank: 2

UID: 63959
帖子: 7
精华: 0
贡献: 0
推广: 0
有效BUG: 0
来自: 安徽淮北
注册时间: 2007-7-14

31^#

发表于 2007-7-14 19:02 | 只看该作者

看的有点晕啊

有没有清楚点的!!!~~~~~~~~~~

爱!!!!~~~~~~~~~~~~~

Rank: 12

UID: 8906
帖子: 2796
精华: 0
贡献: 0
推广: 0
有效BUG: 0
来自: 嘉善
注册时间: 2006-3-18

30^#

发表于 2007-4-29 22:18 | 只看该作者

回复 #29 fairy013579 的帖子

skin.ini注释是为了方便做皮的朋友了解参数，如果了解了，自然不必去添加注释了。

Follow ME
---------------
我的博客

Rank: 8 Rank: 8

UID: 53690
帖子: 646
精华: 0
贡献: 0
推广: 0
有效BUG: 0
来自: 湖南省长沙市
注册时间: 2007-4-5

29^#

发表于 2007-4-29 18:50 | 只看该作者

就算不视频也有个图文并茂的也好啊，就是一步步来的那种

我在别的帖子里看到还要写skin.ini注释，看了是一头雾水啊！！！

穿拖鞋的人

Rank: 3 Rank: 3

UID: 20920
帖子: 12
精华: 0
贡献: 0
推广: 0
有效BUG: 0
注册时间: 2006-9-28

28^#

发表于 2007-4-22 02:36 | 只看该作者

哇塞...确实不错呀.好好学学

Rank: 12

UID: 8906
帖子: 2796
精华: 0
贡献: 0
推广: 0
有效BUG: 0
来自: 嘉善
注册时间: 2006-3-18

27^#

发表于 2007-4-7 17:02 | 只看该作者

回复 #26 upc 的帖子

不这样做的效果是在win2k的系统上皮肤显示会不正常。

Follow ME
---------------
我的博客

Rank: 4

UID: 25232
帖子: 150
精华: 0
贡献: 0
推广: 0
有效BUG: 0
注册时间: 2006-10-29

26^#

发表于 2007-4-7 16:50 | 只看该作者

斑竹能不能帖一个对比图出来
看看不一样的效果

Rank: 12

UID: 8906
帖子: 2796
精华: 0
贡献: 0
推广: 0
有效BUG: 0
来自: 嘉善
注册时间: 2006-3-18

25^#

发表于 2007-4-7 12:10 | 只看该作者

回复 #24 fairy013579 的帖子

正考虑做个教程，但视频的似乎没有什么必要吧？

Follow ME
---------------
我的博客

Rank: 8 Rank: 8

UID: 53690
帖子: 646
精华: 0
贡献: 0
推广: 0
有效BUG: 0
来自: 湖南省长沙市
注册时间: 2007-4-5

24^#

发表于 2007-4-6 21:51 | 只看该作者

有视频教程教做皮肤吗？？

我对电脑比较白，除了很详细的教一般很难学会，希望有GG或MM做出适合女孩子用的2.0的皮肤！！！

Rank: 4

UID: 49936
帖子: 80
精华: 0
贡献: 0
推广: 0
有效BUG: 0
注册时间: 2007-3-18

23^#

发表于 2007-3-19 00:58 | 只看该作者

哈哈，我想知道怎么样更改空白页面里的图，来个个性化DIY

:\Program%20Files\TheWorld%202.0\TheWorld.exe/AB.GIF