GOLF-AT
千年狐狸
千年狐狸
  • UID11611
  • 注册日期2006-02-20
  • 最后登录2019-12-30
  • 发帖数3239
  • 经验265枚
  • 威望1点
  • 贡献值260点
  • 好评度59点
  • 社区居民
  • 忠实会员
阅读:26949回复:88

将 Firefox 4.0 的橙色按钮与导航栏或标签栏合并的CSS脚本

楼主#
更多 发布于:2010-06-29 21:28
之前有网友给出了将橙色按钮与标签栏合并的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
千年狐狸
千年狐狸
  • UID11611
  • 注册日期2006-02-20
  • 最后登录2019-12-30
  • 发帖数3239
  • 经验265枚
  • 威望1点
  • 贡献值260点
  • 好评度59点
  • 社区居民
  • 忠实会员
1楼#
发布于:2010-06-29 21:28
这个布局下,看不到网页的标题。我写了一个uc.js脚本,类似于以前的Hide Caption扩展,在状态栏显示网页标题,需要的网友可以下载使用。
附件名称/大小 下载次数 最后更新
title-statusbar.uc.zip (1KB)  111 2010-06-29 22:27
GOLF-AT
千年狐狸
千年狐狸
  • UID11611
  • 注册日期2006-02-20
  • 最后登录2019-12-30
  • 发帖数3239
  • 经验265枚
  • 威望1点
  • 贡献值260点
  • 好评度59点
  • 社区居民
  • 忠实会员
2楼#
发布于:2010-06-29 21:28
sdx2003:菜鸟问答,这个怎么使用?
放在那里,还是要该文件?
回到原帖

1楼的CSS脚本,放在配置文件夹的Chrome\userChrome.css中,还不懂的话,网上搜索 userChrome.css
GOLF-AT
千年狐狸
千年狐狸
  • UID11611
  • 注册日期2006-02-20
  • 最后登录2019-12-30
  • 发帖数3239
  • 经验265枚
  • 威望1点
  • 贡献值260点
  • 好评度59点
  • 社区居民
  • 忠实会员
3楼#
发布于:2010-06-29 21:28
我又修改完善了一下脚本:
1. 全屏时,右边不留空白了,同时工具栏背景仍然透明(不知道官方为什么要故意改成暗灰色)
2. 标签栏置顶时,导航工具栏仍然有透明背景,只是标签栏和导航工具栏之间有一条线,还不知道怎么去除。
GOLF-AT
千年狐狸
千年狐狸
  • UID11611
  • 注册日期2006-02-20
  • 最后登录2019-12-30
  • 发帖数3239
  • 经验265枚
  • 威望1点
  • 贡献值260点
  • 好评度59点
  • 社区居民
  • 忠实会员
4楼#
发布于:2010-06-29 21:28
最新的小时版,没看到有什么问题。
GOLF-AT
千年狐狸
千年狐狸
  • UID11611
  • 注册日期2006-02-20
  • 最后登录2019-12-30
  • 发帖数3239
  • 经验265枚
  • 威望1点
  • 贡献值260点
  • 好评度59点
  • 社区居民
  • 忠实会员
5楼#
发布于:2010-06-29 21:28
最新的 Firefox 4.0b5pre 小时版,已经更改了标题栏的结构,原来的CSS代码,需要稍微更改一下,将 appmenu-button-container 改成 titlebar
GOLF-AT
千年狐狸
千年狐狸
  • UID11611
  • 注册日期2006-02-20
  • 最后登录2019-12-30
  • 发帖数3239
  • 经验265枚
  • 威望1点
  • 贡献值260点
  • 好评度59点
  • 社区居民
  • 忠实会员
6楼#
发布于:2010-06-29 21:28
ybbao:谢谢更新,在我这,最大化向上缩进了8px,图标只有2/3显示回到原帖

我没看到你说的问题。要不截个图看看什么样。
游客

返回顶部