返回列表 发帖

[TW2.x皮肤] 制作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 编辑 ]
1

评分人数

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



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

距离好像 也不是很明显

TOP

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

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

RowLine=0 (可以定义是否显示工具栏分隔线,0=否1=是)

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


感谢 补充  我都加入进去了

希望 人人都能diy 一下 皮肤

那皮肤区 可就热闹了

TOP

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

心里很高兴啊

TOP

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

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

TOP

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

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

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

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

TOP

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

1.jpg (2.7 KB)

1.jpg

TOP

返回列表