阅读:26949回复:88
将 Firefox 4.0 的橙色按钮与导航栏或标签栏合并的CSS脚本
之前有网友给出了将橙色按钮与标签栏合并的CSS脚本(仅适用于标签栏置顶),我修改调整了一下,标签栏置顶时,橙色按钮与标签栏合并,标签栏没有置顶时,按钮与导航栏合并。另外我也调整了一些参数的大小,至少在我的电脑上看上去更舒服一些。
脚本适用于Win Vista/7下的Firefox 4.0Beta,且Firefox菜单栏被隐藏,同时Windows主题启用了Aero。 /* 如果是2010/8/26前的旧版本,将 titlebar 换成 appmenu-button-container */ #titlebar { position: fixed !important; } #appmenu-button { height: 27px !important; margin-top: 1px !important; padding-left: 3px !important; padding-right: 3px !important; } #toolbar-menubar, #navigator-toolbox[tabsontop="false"] #nav-bar, #navigator-toolbox[tabsontop="true"] #TabsToolbar { padding-left: 82px !important; /* 用户可能需要调整这里的82px这个参数 */ } #main-window[sizemode="fullscreen"] #toolbar-menubar, #main-window[sizemode="fullscreen"] #navigator-toolbox[tabsontop="false"] #nav-bar, #main-window[sizemode="fullscreen"] #navigator-toolbox[tabsontop="true"] #TabsToolbar { padding-top: 3px !important; padding-right: 0px !important; } #main-window:not([sizemode="fullscreen"]) #toolbar-menubar, #main-window:not([sizemode="fullscreen"]) #navigator-toolbox[tabsontop="false"] #nav-bar, #main-window:not([sizemode="fullscreen"]) #navigator-toolbox[tabsontop="true"] #TabsToolbar { padding-top: 3px !important; /* 如果需要拖拉标题栏移动窗口,将3px改成15px */ padding-right: 105px !important; } #navigator-toolbox[tabsontop="true"] > #nav-bar { border: 0px !important; background: transparent !important; } #main-window[sizemode="maximized"] #appmenu-button-container { margin-top: -4px !important; } /* 2010/8/26后的新版本不需要这一段 #main-window[sizemode="maximized"] #navigator-toolbox[tabsontop="false"] #nav-bar, #main-window[sizemode="maximized"] #navigator-toolbox[tabsontop="true"] #TabsToolbar { padding-top: 0px !important; margin-top: -2px !important; }*/ #main-window[inFullscreen="true"] { -moz-appearance: -moz-win-glass !important; background-color: transparent !important; } |
|
1楼#
发布于:2010-06-29 21:28
这个布局下,看不到网页的标题。我写了一个uc.js脚本,类似于以前的Hide Caption扩展,在状态栏显示网页标题,需要的网友可以下载使用。
|
|
|
2楼#
发布于:2010-06-29 21:28
|
|
3楼#
发布于:2010-06-29 21:28
我又修改完善了一下脚本:
1. 全屏时,右边不留空白了,同时工具栏背景仍然透明(不知道官方为什么要故意改成暗灰色) 2. 标签栏置顶时,导航工具栏仍然有透明背景,只是标签栏和导航工具栏之间有一条线,还不知道怎么去除。 |
|
4楼#
发布于:2010-06-29 21:28
最新的小时版,没看到有什么问题。
|
|
5楼#
发布于:2010-06-29 21:28
最新的 Firefox 4.0b5pre 小时版,已经更改了标题栏的结构,原来的CSS代码,需要稍微更改一下,将 appmenu-button-container 改成 titlebar
|
|
6楼#
发布于:2010-06-29 21:28
|
|