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

谢谢GOLF-AT，已经测试，有个小提议，标签栏不置顶的时候，地址栏在上面的时候，感觉再向下1px或者2px会更好看点。

加2PX的确不错

按钮改成图标，padding-top 增加到16px，就不影响窗口拖动了

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

出新版了，来看看新改的UA

菜鸟问答，这个怎么使用？
放在那里，还是要该文件？

sdx2003：菜鸟问答，这个怎么使用？
放在那里，还是要该文件？回到原帖

1楼的CSS脚本，放在配置文件夹的Chrome\userChrome.css中，还不懂的话，网上搜索 userChrome.css

谢谢分享。

请教如何将按钮改图标？

padding-top: 3px !important;

这个在标签置顶的时候太小了，拖动都不方便，我改成20px了

连夜试用，相当爽啊，呵呵

多谢LZ

这个要mark一下。

真没有找到userChrome.css。
有没有更详细的说明。
请理解，我是应用派，不是技术派。

地址栏输入about:support 回车，打开自己的配置文件夹，新建chrome目录，新建userChrome.txt，把后缀改为css即生成userChrome.css，复制，黏贴，保存退出，重启FX

http://wiki.sociz.com/index.php?title=U ... oldid=2908