[修改发布] 将 Firefox 4.0 的橙色按钮与导航栏或标签栏合并的CSS脚本

GOLF-AT

之前有网友给出了将橙色按钮与标签栏合并的CSS脚本（仅适用于标签栏置顶），我修改调整了一下，标签栏置顶时，橙色按钮与标签栏合并，标签栏没有置顶时，按钮与导航栏合并。另外我也调整了一些参数的大小，至少在我的电脑上看上去更舒服一些。

/* 如果是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;
}

#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;
}

GOLF-AT

补充说明：脚本适用于Win Vista/7下的Firefox 4.0Beta，且Firefox菜单栏被隐藏，同时Windows主题启用了Aero。

dkgo

很好用，

Conet

不错，值得一用

GOLF-AT

这个布局下，看不到网页的标题。我写了一个uc.js脚本，类似于以前的Hide Caption扩展，在状态栏显示网页标题，需要的网友可以下载使用。

点球射飞

这个很好啊 感谢大大 收藏了 等正式版了再用

hallelujah

先搜藏，暂时用3.6

hansongj

能不能弄个：书签栏透明的代码，让书签栏完全透明，可以看到网页，当鼠标移动过去的时候就不透明了，出现书签栏。

我现在弄的隐藏书签栏，鼠标移动过去再出现书签栏，这样弄网页老是上下跳动，弄成透明就不会了。

GOLF-AT

我又修改完善了一下脚本：
1. 全屏时，右边不留空白了，同时工具栏背景仍然透明（不知道官方为什么要故意改成暗灰色）
2. 标签栏置顶时，导航工具栏仍然有透明背景，只是标签栏和导航工具栏之间有一条线，还不知道怎么去除。

shauN

golf大大是怎么搞掉标题栏的？f11全屏吗？

Conet

我又修改完善了一下脚本：
1. 全屏时，右边不留空白了，同时工具栏背景仍然透明（不知道官方为什么要故意改成暗灰色）
2. 标签栏置顶时，导航工具栏仍然有透明背景，只是标签栏和导航工具栏之间有一条线，还不知道怎 ...
golf-at 发表于 2010-7-1 13:37

我是删除localstore文件，重起就没了

Conet

我又修改完善了一下脚本：
1. 全屏时，右边不留空白了，同时工具栏背景仍然透明（不知道官方为什么要故意改成暗灰色）
2. 标签栏置顶时，导航工具栏仍然有透明背景，只是标签栏和导航工具栏之间有一条线，还不知道怎 ...
golf-at 发表于 2010-7-1 13:37

全屏，变花了。

M君

窗口化时效果还可以，最大化后很难看，如截图，希望能够完善下。

Linux

这里有个类似的脚本，最大化也挺美观的。

http://gdgtry.com/2010/07/thinning-down-firefox-4s-tab-bar/

1. #appmenu-button-container{
   
2. position: fixed !important;
   
3. }
   
4. 
   
5. #navigator-toolbox[tabsontop="true"] #TabsToolbar{
   
6. padding-left: 80px !important;
   
7. margin-right: 105px !important;
   
8. padding-top: 2px !important;
   
9. }
   
10. 
    
11. #appmenu-button{
    
12. padding: 3px 5px 3px 5px !important;
    
13. height: 20px !important;
    
14. }

复制代码

alva

我这里是Win 7 eng系统，装的Gaia09主题
如附件所示，标签栏后显黑色，请问怎样改成白色
谢谢！

jenco

非常感谢

royallin

1# golf-at
报告BUG
图一tabs on top

图二tabs not on top

使用FF4.0B1
使用这个CSS脚本后，标题栏始终没有隐藏，就算新建一个配置文件夹，什么扩展都没装也一样。
标题栏在下方的时候，隐藏导航栏扩展会失效。

现在强制安装hide captions扩展后可以使用，标题栏也可以隐藏，但是tinymenu失效。黄色的FF按钮也消失，每次都需要显示一次菜单栏，再隐藏一次菜单栏黄色按钮才会出现。


隐藏导航栏扩展

GOLF-AT

17# royallin
你的截图看上去是Windows XP，或者虽然是Win 7/Vista，但是Windows主题没启用 Aero。这个脚本是给 Win 7/Vista 下的用户使用的，同时要求Windows主题启用了 Aero 才行。

royallin

17# royallin
你的截图看上去是Windows XP，或者虽然是Win 7/Vista，但是Windows主题没启用 Aero。这个脚本是给 Win 7/Vista 下的用户使用的，同时要求Windows主题启用了 Aero 才行。 ...
golf-at 发表于 2010-7-10 21:11

是XP啊。。。。
请更新一下，hide caption扩展吧，强制安装后可以使用，但是tinymenu失效，不出来。

点球射飞

用上炫彩风格后再配合楼主的脚本  漂亮简洁 呵呵

点球射飞

用了脚本后在搜索栏图标上切换引擎时 有很多黑线啊

GOLF-AT

用了脚本后在搜索栏图标上切换引擎时 有很多黑线啊
MEISHUAI 发表于 2010-7-16 14:28

你是说鼠标在弹出的下拉列表中移动时，陈慧娴黑线吗？这个是 firefox 的bug，有些版本有这个问题，有些版本没这个问题。

点球射飞

22# golf-at
是的啊。。就是在搜索栏图标下拉列表有那种黑线。。

请问你用的什么版本FF啊  有这个问题吗

我的是TETE 4.0B1

pigzilla

怎样才能把状态栏也调成透明呢？

ddrwin

golf大，有没有Windows7主题没有启用Aero也适用的css代码？我有个更现实的问题，就是标签工具栏缩到一起了，您帮忙看看怎么展开呀？

zmyzbf

导航栏置顶标签不透明
还有导航栏透明书签栏不透明太突兀难看了

Conet

失效了，快来更新啊

kunanboy

今天的已经不管用了

slimx

28# kunanboy
因为影响性能，今天又改回去了。

kunanboy

有个标题栏真别扭，原来有个隐藏标题栏的脚本的，但是用上它页面上的文字就发白