世界之窗论坛 - Powered by Discuz! Board

标题: [TW2.x皮肤] 制作tw2.0 RC2皮肤 skin.ini 注解对照表 [打印本页]

作者: xuhao577 时间: 2007-1-5 23:10 标题: 制作tw2.0 RC2皮肤 skin.ini 注解对照表

      以下是 skin.ini 对照表  红字内容为 b4增加的图片皮肤作者更新皮肤时看下。

[General] '基本信息'基本配置信息
Name=  名称'皮肤名称
Author=  作者
Comment=  作者注
Version=  版本'皮肤版本号

[TitleBar] 标题栏
Super=1
Height=23  控制栏高度

[Wnd] 标题栏2角
Corner=0  设置为0是直角，这个数字给大些就是更大的圆角

[SideBar]  侧边工具栏
Super=0
AlignSuperTitle=1

[Rebar]
RowLine=0
（工具栏分隔线0为隐藏，1为显示一条，即REBAR_LINE，2为显示两条。）
GripperCX=6
AddressButtonSpace=0 转到按钮和网址输入框的距离
SearchButtonSpace=0  搜索按钮和输入框的距离

[TabBar]（单个页面标签分三部分组成，左右部分对应标签的左右两端，是100%显示，中间部分随标签长度而拉伸）
ItemLeft=10 标签左边收缩扩展（定义TAB_ITEM.png 中单个标签左端的图象宽度范围）
ItemRight=10 标签右边收缩扩展（定义TAB_ITEM.png 中单个标签右端的图象宽度范围）
VBorder=1 标签上文字和图标高度（调整标签上文字及图标的垂直位置，负数向上，正数向下）
PBorder=0 标签上文字和图标宽度（B4 的新功能！可用，可以加宽当前标签的宽度，从而产生叠加在后台标签上的效果）

[Browser] （当按住Ctrl+鼠标点击标签时可多页同屏并排显示，为区分当前页面，所以当前页面的外边框可以高亮，同时这个并排的页面也可以设置页边距）
Border=2 （页边距宽度，=0时相当于不要页边距也就显示不出高亮）
Spliter=2 （当前选中页面的高亮/外框宽度）

[IMG] 图片
btn按钮
BTN_NEW=tool_new.png 新建'新建新窗口
BTN_BACKWARD=tool_backward.png 后退'后退按钮
BTN_FORWARD=tool_forward.png 前进'前进按钮
BTN_STOP=tool_stop.png 停止'停止按钮
BTN_REFRESH=tool_refresh.png 刷新'刷新按钮
BTN_HOME=tool_home.png 主页'主页按钮
BTN_RESTORE=tool_restore.png恢复'恢复之前浏览过的网页
BTN_SIDEBAR=tool_sidebar.png 侧边栏'侧边栏图片
BTN_GO=tool_go.png 访问'访问按钮
BTN_NAVIHISTORY=tool_navihistory.png 本页面浏览记录
BTN_SEARCH=tool_search.png 搜索'搜索按钮
BTN_SEP=btn_sep.png （状态栏按钮之间的分隔线，也许还是工具栏的）
BTN_TITLE_MIN=btn_title_min.png 最小化'最大化按钮
BTN_TITLE_MAX=btn_title_max.png 最大化'最小化按钮
BTN_TITLE_CLOSE=btn_title_close.png 关闭'关闭按钮
BTN_THUMB=thumb.png 下拉列表'下拉列表箭头
BTN_MASK=btn_mask.png 浏览器鼠标菜单按钮背景
BTN_MASK_MINI=btn_maskmini.png 小工具栏鼠标菜单背景
BTN_SIDECLOSE=btn_sideclose.png 侧边栏关闭
BTN_DROPDOWN=btn_dropdown.png 侧边栏下拉选项按钮，状态栏过滤广告下拉按钮
BTN_SIDEMENU=btn_sidemenu.png 侧边栏选项(向下)
BTN_SIDEMODE=btn_sidemode.png  侧边栏模式切换按钮
BTN_SELECT=BTN_SELECT.png 自定义工具条背景，侧边栏下载时的选中项

bg 浏览器背景
BG_ADDRESS=bg_address.png 地址栏背景
BG_TOPBAR=bg_topbar.png 控制栏按钮背景
BG_BOTTOMBAR=bg_bottombar.png 状态栏背景
BG_TOOLBAR=bg_topbar.png 收藏栏以及小工具栏背景
BG_FINDBAR=bg_bottombar.png 状态栏背景
BG_TITLEBAR=bg_titlebar.png 标题栏背景
BG_COMBOCOOL=bg_combocool.png 搜索栏背景
BG_MENUBAR=（标题栏中的菜单栏的背景图片，无=不使用）
BG_SIDEBAR= （侧边栏顶部标题的背景图片）
BG_STATUSTOOLBAR=statustoolbar.png 状态条上的工具背景（可以没有）
REBAR_GRIP=rb_band.png 工具栏拖动把手
REBAR_CHEVRON=chevron.png 标签栏向后按钮
SIZE_STATUSBAR=size_status.png 调整窗口大小'调整窗口大小的图片
ICON_APP=TheWorldA.ico 浏览器图标
ICON_APP_SMALL=TheWorldA.ico 系统栏图标

[ICON]
FAV_DIRECTORY=fav_directory.ico 收藏夹目录图标
FAV_URL=fav_url.ico 收藏链接默认图标
ADDRESS_URL=address_url.ico 输入框和标签默认图标

il 侧边栏菜单其它图标
IL_SEARCHITEM=il_searchitem.png 搜索栏图标
IL_STATUSITEM=il_statusitem.png 状态栏图标
IL_MENUICON=il_menuicon.png 标题栏菜单图标
IL_SIDEBARITEM=il_sidebaritem.png 侧边栏收藏以及历史按钮
IL_SEARCHHISTORY=il_searchhistory.png 侧边栏历史按钮
IL_FINDBARITEM=il_findbaritem.png 编辑选项按钮
IL_MINITOOLBAR=il_minitoolbar.png 小工具栏按钮
IL_SIDEDEFITEM=IL_SIDEDEFITEM.png 侧边栏样式 4个图标
IL_DOWNLOAD=IL_DOWNLOAD.png 侧边栏下载样式图标按钮
IL_ADDONS=IL_ADDONS.png 插件,皮肤管理选项  3个图标

tab 标签栏背景标签栏图标
TAB_BG=tab_bg.png 标签栏默认背景
TAB_ITEM=tab_item.png 标签栏 4种形式变化1.正常2.悬停3.激活4.副窗口，每个标签三等分，中间为拉伸宽度
TAB_BGB=tab_bgb.png 标签栏放下面默认背景
TAB_ITEMB=tab_itemb.png 标签栏放下面 4种形式变化
TAB_CLOSE=tab_close.png 主标签上的关闭按钮
TAB_BTNLEFT=tab_btnleft.png 标签栏背景最右边的左按钮
TAB_BTNRIGHT=tab_btnright.png 标签栏背景最右边的右按钮
TAB_BTNCLOSE=tab_btnclose.png 标签栏背景最右边的关闭按钮
TAB_BTNNEW=tab_btnnew.png 标签栏上的新建按钮
TAB_BTNNEWB=tab_btnnewb.png 标签栏放下面时的新建按钮
TAB_BTNLIST=tab_btnlist.png 标签栏背景最右边的标签列表
TAB_PROGRESS=tab_progress.png 主标签上的网页读取进度

img 其它按钮图标
IMG_DROP=img_drop.png 搜索框，选择搜索引擎的下拉箭头，没有生效(bug)
IMG_SIDEBAND=img_sideband.png 侧边栏与网页之间的宽度拉伸把手
IMG_PROGRESS=img_progress.png 网页读取进度条
IMG_SIDEOLS=IMG_SIDEOLS.png 侧边栏内堆叠工具栏时的把手显示
IMG_BROWSERHINT=IMG_BROWSERHINT.png 高级选项保存后对话框内图标

[COLOR] '颜色
FRAME_BORDER=0x808080 整个界面的边框线颜色
TitleTextColor=0xffffff 标题栏文本颜色
ToolBarTextColor=0x0 工具栏文本颜色
STATUSBAR_TEXT=0x0 状态栏左侧文本颜色
REBAR_LINE=0x6e6e6e 工具栏分隔线颜色(2条)
REBAR_LINE2=0xffffff 工具栏分隔线颜色(2条)
SIDEBAR_TOOLBARBK=0xffffff 侧边栏项目背景色
SIDEBAR_ITEMBKHOT=0xc1d2e9 侧边栏项目鼠标滑过高亮色
SIDEBAR_ITEMBKCUR=0xe3e9f1 侧边栏选中项目
COMBOTEXT=0x0 地址栏和搜索栏文本颜色
COMBOBK=0xffffff 地址栏和搜索栏背景色
BROWSER_BORDER=0xff0000 （并排显示时的背景页面/页边距的背景颜色）
BROWSER_BORDERA=0x0000ff （当前选中页面的高亮边框颜色）
TabFocusText= 标签栏焦点文本颜色(高亮)
TabHotText=0x0 标签栏当前页的文本颜色
TabText=0x0 标签栏普通文本颜色

[Menu] 菜单'菜单颜色字体字号配置
BKColor=0xe0e0e0 菜单背景颜色
HorzBarColor=0x0 菜单垂直条颜色(图标所在垂直条)
TextColor=0x000000 菜单字体颜色
HilightTextColor=0xeeeeee 菜单选中字体颜色(高亮)
GrayTextColor=0x909090 菜单未生效项目字体颜色
SeparatorColor= 菜单分隔线颜色
HilightBorder=0xeeeeee 菜单选中条边框颜色
HilightBKColor=0x505050 菜单选中条背景颜色
GrayHilightBKColor=0xeeeeee 右键菜单选择条颜色（菜单中禁用项目在鼠标经过时的选择条背景颜色）
HightlightGray=    无效菜单悬停色
ImgSize_X= 菜单(垂直条)宽度
ImgSize_Y= 菜单(垂直条)每一行的高度
ImagePadding_left=2 菜单(垂直条图像)左边距离(增加空间)
ImagePadding_right=2 菜单(垂直条图像)右边距离(增加空间)
ImagePadding_top=2 菜单(垂直条图像)顶部距离(增加空间)
TextPadding_left=2 菜单文字左边距离(增加空间)
TextPadding_right=16 菜单文字右边距离(增加空间)
TextPadding_tb=2 （菜单最顶部和底部的补白）

[ 本帖最后由 elion 于 2007-4-16 21:32 编辑 ]

作者: purlin 时间: 2007-1-5 23:13

这么好的贴，没理由不支持的了。

作者: WeeVee 时间: 2007-1-6 11:53

好帖，用到的时候再看~~

作者: 无边无际 时间: 2007-1-6 11:55

继续更新

作者: 上弦月 时间: 2007-1-6 12:09

好贴，绝对支持

作者: Aycox 时间: 2007-1-6 13:56

不错，支持。

我来补充几个顺便纠正一下。

[Rebar]
RowLine=0 （可以定义是否显示工具栏分隔线，0=否1=是）

[TabBar]
（单个页面标签分三部分组成，左右部分对应标签的左右两端，是100%显示，中间部分随标签长度而拉伸）
ItemLeft=10 标签左边收缩扩展（定义TAB_ITEM.png 中单个标签左端的图象宽度范围）
ItemRight=10 标签右边收缩扩展（定义TAB_ITEM.png 中单个标签右端的图象宽度范围）
VBorder=1 标签上文字和图标高度（调整标签上文字及图标的垂直位置，负数向上，正数向下）
PBorder=0 标签上文字和图标宽度（B4 的新功能！可用，可以加宽当前标签的宽度，从而产生叠加在后台标签上的效果）

[Browser]
（当按住Ctrl+鼠标点击标签时可多页同屏并排显示，为区分当前页面，所以当前页面的外边框可以高亮，同时这个并排的页面也可以设置页边距）
Border=2 （页边距宽度，=0时相当于不要页边距也就显示不出高亮）
Spliter=2 （当前选中页面的高亮/外框宽度）

[IMG]
BTN_SEP=btn_sep.png ? （状态栏按钮之间的分隔线，也许还是工具栏的）
BG_SIDEBAR= （侧边栏顶部标题的背景图片）
BG_MENUBAR=（菜单栏的背景图片，无=不使用）

[COLOR]
（这两条说明见[Browser]）
BROWSER_BORDER=0xff0000 （并排显示时的背景页面/页边距的背景颜色）
BROWSER_BORDERA=0x0000ff （当前选中页面的高亮边框颜色）

[Menu]
GrayHilightBKColor=0xeeeeee 右键菜单选择条颜色（菜单中禁用项目在鼠标经过时的选择条背景颜色）
TextPadding_tb=2 （菜单最顶部和底部的补白）

[ 本帖最后由 Aycox 于 2007-1-6 14:24 编辑 ]

作者: 95123 时间: 2007-1-6 14:51

不错，今天来刚看到！！！！！作皮方便不少！！！

作者: elion 时间: 2007-1-6 21:11

PBorder=0 标签上文字和图标宽度
B3也可以实现了啊。。
用“秦风”的标签就应该能感觉到了啊。

作者: xuhao577 时间: 2007-1-7 00:19

原帖由 elion 于 2007-1-6 21:11 发表
PBorder=0 标签上文字和图标宽度
B3也可以实现了啊。。
用“秦风”的标签就应该能感觉到了啊。

不是很明显的秦风的标签太透明了

距离好像也不是很明显

作者: elion 时间: 2007-1-7 12:23

嗯，我设得比较少，个人感觉刚刚好，各个皮肤应该根据情况而自定。。。

作者: jym2005 时间: 2007-1-8 16:57

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

作者: Andever 时间: 2007-1-8 21:53

好复杂，我也得学学了

作者: xuhao577 时间: 2007-1-9 06:43

原帖由 Aycox 于 2007-1-6 13:56 发表
不错，支持。

我来补充几个顺便纠正一下。

RowLine=0 （可以定义是否显示工具栏分隔线，0=否1=是）

（单个页面标签分三部分组成，左右部分对应标签的左右两端，是100%显示，中间部分随标签长度 ...

感谢补充我都加入进去了

希望人人都能diy 一下皮肤

那皮肤区可就热闹了

作者: 驭逐彡拓幻猪 时间: 2007-1-9 18:21

狂顶，，早应该发了

作者: hayem 时间: 2007-1-9 20:39

好贴啊。。不回不行

作者: Golu 时间: 2007-1-9 22:33

恢复按钮的图标怎么换？

New:好了，已经添加了

[ 本帖最后由 Golu 于 2007-1-10 09:26 编辑 ]

作者: 9wis 时间: 2007-1-10 23:29

谢谢各位版主！收下了！

作者: Golu 时间: 2007-1-11 12:39

BG_PROGRESS=bg_progress.png
是取消了还是忘写了？

[ 本帖最后由 Golu 于 2007-1-11 15:58 编辑 ]

作者: Deepblue 时间: 2007-1-11 12:51

版主发这样的帖子还不如直接把那示范皮肤置顶好。

作者: Golu 时间: 2007-1-11 20:04

插件栏似乎不支持BTN_MASK

作者: elion 时间: 2007-1-11 21:22

嗯，小工具栏不支持BTN_MASK，而支持BTN_MASK_MINI。

[ 本帖最后由 elion 于 2007-1-12 15:41 编辑 ]

作者: Golu 时间: 2007-1-11 22:12

原帖由 elion 于 2007-1-11 21:22 发表
嗯，小工具栏和插件栏不支持BTN_MASK，而支持BTN_MASK_MINI。

我设置了BTN_MASK_MINI=btn_mask_mini.png，小工具栏有效，但是插件栏无效。

发现一点
REBAR_LINE=和REBAR_LINE2=不仅仅是工具栏分割线的颜色，还是侧边栏边线的颜色，而且在RowLine=0时也会显示

建议增加一个参数用于设置标准按钮和地址栏的距离，这样对Flock Alpha这样有大头钉效果的皮肤就很有帮助了。也可以同时增加地址栏和搜索栏的距离参数，以加强皮肤的可扩展性。

[ 本帖最后由 Golu 于 2007-1-12 11:25 编辑 ]

作者: elion 时间: 2007-1-12 12:37

嗯，你说的REBAR_LINE的问题都是对的，这样有什么不好吗？
既然你已经设了RowLine=0，那侧边栏的边线就可以根据你的需要设置颜色了啊。
你说的增加地址栏和搜索栏的距离参数，这个等“锁定工具条”的选项可以选时，应该就不是问题了。
谢谢你的建议。

作者: xuhao577 时间: 2007-1-12 12:41

呵呵看着大家慢慢的了解皮肤了参与其中

心里很高兴啊

作者: Golu 时间: 2007-1-12 15:30

原帖由 elion 于 2007-1-12 12:37 发表
嗯，你说的REBAR_LINE的问题都是对的，这样有什么不好吗？
既然你已经设了RowLine=0，那侧边栏的边线就可以根据你的需要设置颜色了啊。
你说的增加地址栏和搜索栏的距离参数，这个等“锁定工具条”的选项可以 ...

因为在介绍里只写了：
REBAR_LINE=0x6e6e6e 工具栏分隔线颜色(2条)
REBAR_LINE2=0xffffff 工具栏分隔线颜色(2条)
我来补充以下，以免别人遇到了还不明白怎么回事(我就是研究了半天才发现的，呵呵)

还有BTN_MASK_MINI的问题也希望能早日解决。

期待TW2.0的进一步完善！

[ 本帖最后由 Golu 于 2007-1-12 15:31 编辑 ]

作者: elion 时间: 2007-1-12 15:40

原帖由 Golu 于 2007-1-12 15:30 发表

因为在介绍里只写了：
REBAR_LINE=0x6e6e6e 工具栏分隔线颜色(2条)
REBAR_LINE2=0xffffff 工具栏分隔线颜色(2条)
我来补充以下，以免别人遇到了还不明白怎么回事(我就是研究了半天才发现的，呵呵)

还 ...

被你弄迷糊了。。
插件栏是可以的啊。。。

图片附件: 2.PNG (2007-1-12 15:40, 11.19 KB) / 下载次数 1639
http://bbs.theworld.cn/attachment.php?aid=16939&k=da9c5ae2f3b0470e72d12b249c35d698&t=1732325888&sid=19YdmY

作者: Golu 时间: 2007-1-12 17:34

原帖由 elion 于 2007-1-12 15:40 发表

被你弄迷糊了。。
插件栏是可以的啊。。。

我又试验了一下，是个别皮肤的问题。
例如用默认的皮肤，然后打开小工具栏和插件栏。当鼠标经过小工具栏图标时，可以明显看到图标背景有变化，但是鼠标经过插件栏图标时却没有。

[ 本帖最后由 Golu 于 2007-1-12 17:37 编辑 ]

作者: xuhao577 时间: 2007-1-13 16:00

楼上换皮肤后 tw浏览器关了再开可以刷新 ini文件配置

可能你说的是 tw.ini过去的配置没完全变为新皮肤配置

作者: phoenix 时间: 2007-1-16 08:54

原帖由 Golu 于 2007-1-11 22:12 发表

我设置了BTN_MASK_MINI=btn_mask_mini.png，小工具栏有效，但是插件栏无效。

发现一点
REBAR_LINE=和REBAR_LINE2=不仅仅是工具栏分割线的颜色，还是侧边栏边线的颜色，而且在RowLine=0时也会显示

建 ...

插件栏无效这个是个bug，已经修复，下个版本发布

关于建议增加地址栏，搜索栏按钮间距这个
从Azenis那个范例皮肤，和tw2缺省皮肤可以看到
http://bbs.ioage.com/viewthread.php?tid=22694

这两个工具栏，按钮之间间距为0
可以通过自己在按钮图片中留空来实现按钮间距

由于地址栏和搜索栏是皮肤制作中可能出彩的地方，所以这样设计我觉得会更灵活一些

作者: xuhao577 时间: 2007-1-16 09:11

地址栏和搜索栏目前 b4加强了按钮间距自由调整非常不错很多皮肤作者已经用上这个效果了

但我觉得还不是很出彩，背景镂空，不是很好。如果能地址字体直接显示在背景上就好了

还有在点击输入地址时增加一个背景也就是通常说的按钮悬停效果

在老大的范例里看到了 2个地址背景不知道是不是也在规划中了

作者: phoenix 时间: 2007-1-16 15:00

以后还要支持工具条任意拖拽，这种用背景来对应元素的方法不建议用

皮肤现在基本定型了，不知道大家是否满意

作者: xuhao577 时间: 2007-1-16 16:19

这个能不能换一个漂亮些的

图片附件: 1.jpg (2007-1-16 16:19, 2.7 KB) / 下载次数 1435
http://bbs.theworld.cn/attachment.php?aid=17216&k=eec02516ce12a68a82495507f9eb115f&t=1732325888&sid=19YdmY

作者: bobsons 时间: 2007-1-16 16:22

原帖由 phoenix 于 2007-1-16 15:00 发表

皮肤现在基本定型了，不知道大家是否满意

标签进度图标不支持gif动画,我个人不满意

作者: Albert19870625 时间: 2007-1-16 16:36

原帖由 bobsons 于 2007-1-16 16:22 发表

标签进度图标不支持gif动画,我个人不满意

呵呵支持，或者是改成循环的

作者: elion 时间: 2007-1-17 12:11

原帖由 xuhao577 于 2007-1-16 16:19 发表
这个能不能换一个漂亮些的

这个由主题控制，不是由皮肤控制的。

作者: constantine 时间: 2007-1-17 14:28

现在用仿IE7的皮肤就更像了。。。

PBorder=0 标签上文字和图标宽度（B4 的新功能！可用，可以加宽当前标签的宽度，从而产生叠加在后台标签上的效果）

作者: constantine 时间: 2007-1-17 14:37

http://www1.freep.cn/Photo.php?url=photo5/0701171433019666.JPG

想把状态栏的进度条色彩改一下。。。但是在高亮的贴子里好像没找到

请问可以改吗。。。还是与皮肤图片相关？

作者: elion 时间: 2007-1-17 20:53 标题: 回复 #38 constantine 的帖子

嗯，是由皮肤图片控制的。
1楼中有介绍啊。

IMG_PROGRESS=img_progress.png 网页读取进度条

作者: 蜗白 时间: 2007-1-20 00:17

对于摸索中的我来说非常实用，谢谢啦~

作者: folder 时间: 2007-1-21 09:07

Super=1
GripperCX=6
????????????

作者: 爱的天堂 时间: 2007-2-1 20:43

感谢楼主教程学习了

作者: kuuipo1221 时间: 2007-3-30 11:34

严重。
支持`

作者: xwluo26 时间: 2007-4-16 09:26

不错的教程楼主要不断更新哦

作者: ttrry 时间: 2007-4-18 14:20

好，学到了很多，自己也去做一下

作者: constantine 时间: 2007-4-26 15:04

收藏之

作者: 风平浪静 时间: 2007-7-5 17:02

HOHO~~~~
终于弄明白了
谢谢哦

作者: spilof 时间: 2007-7-6 20:23

可得

作者: elion 时间: 2007-7-6 21:29

最新的注释介绍。
http://www.ioage.com/cnnew/skin/skin_ini.htm

作者: yjhdeys 时间: 2007-8-27 18:57

好啊今天才发现啊以后的多学习啊

作者: Topstar315 时间: 2007-9-15 14:15

好多,

欢迎光临世界之窗论坛 (http://bbs.theworld.cn/)