GOLF-AT
千年狐狸
千年狐狸
  • UID11611
  • 注册日期2006-02-20
  • 最后登录2019-12-30
  • 发帖数3239
  • 经验265枚
  • 威望1点
  • 贡献值260点
  • 好评度59点
  • 社区居民
  • 忠实会员
阅读:26952回复: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;
}
tkggitfk24
小狐狸
小狐狸
  • UID24815
  • 注册日期2008-06-19
  • 最后登录2021-10-24
  • 发帖数59
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
1楼#
发布于:2010-06-29 21:28
这个XP下怎么实现
向左看
小狐狸
小狐狸
  • UID34837
  • 注册日期2010-12-11
  • 最后登录2011-03-30
  • 发帖数1
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
2楼#
发布于:2010-06-29 21:28
只能在aero下使用吗?

发现关闭aero之后 最小化 最大化 关闭 这三个按钮全部跑到了左边。
Cye3s
千年狐狸
千年狐狸
  • UID155
  • 注册日期2004-11-25
  • 最后登录2024-04-28
  • 发帖数1322
  • 经验95枚
  • 威望0点
  • 贡献值34点
  • 好评度14点
  • 社区居民
  • 忠实会员
3楼#
发布于:2010-06-29 21:28
LZ啊,想到啥办法解决标签页分组时标题栏被盖掉的问题?
虽然可以调下去,但标题栏双击,拖动都无效了。。。
头痛
我很懒...
szera
小狐狸
小狐狸
  • UID33839
  • 注册日期2010-08-30
  • 最后登录2010-09-02
  • 发帖数29
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
4楼#
发布于:2010-06-29 21:28
学习了
bba
bba
小狐狸
小狐狸
  • UID22499
  • 注册日期2007-12-31
  • 最后登录2020-03-13
  • 发帖数67
  • 经验22枚
  • 威望0点
  • 贡献值10点
  • 好评度1点
  • 社区居民
  • 忠实会员
5楼#
发布于:2010-06-29 21:28
如何使用lz的脚本后,不会把导航栏按钮变成透明的?我觉得原本的图标就很好看了。
云飞日月
小狐狸
小狐狸
  • UID11176
  • 注册日期2006-01-17
  • 最后登录2012-05-05
  • 发帖数40
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
6楼#
发布于:2010-06-29 21:28
恩,但是第一行去掉,是否又带来另一个问题?就是如果按Alt键的时候,Firefox按钮会把菜单栏最左边挡住?
Cye3s
千年狐狸
千年狐狸
  • UID155
  • 注册日期2004-11-25
  • 最后登录2024-04-28
  • 发帖数1322
  • 经验95枚
  • 威望0点
  • 贡献值34点
  • 好评度14点
  • 社区居民
  • 忠实会员
7楼#
发布于:2010-06-29 21:28
云飞日月:ybbao,你没明白我的意思,我不是在隐藏菜单栏的情况下,按Alt键显示菜单栏,我是直接显示菜单栏回到原帖

注意看,他把第一行去掉了
#toolbar-menubar,
我很懒...
云飞日月
小狐狸
小狐狸
  • UID11176
  • 注册日期2006-01-17
  • 最后登录2012-05-05
  • 发帖数40
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
8楼#
发布于:2010-06-29 21:28
ybbao,你没明白我的意思,我不是在隐藏菜单栏的情况下,按Alt键显示菜单栏,我是直接显示菜单栏
ybbao
非常火狐
非常火狐
  • UID27616
  • 注册日期2008-12-29
  • 最后登录2023-05-21
  • 发帖数721
  • 经验53枚
  • 威望0点
  • 贡献值36点
  • 好评度1点
  • 社区居民
9楼#
发布于:2010-06-29 21:28
云飞日月:ybbao,可以把你的代码分享一下吗?
如果显示菜单栏,隔壁论坛的代码哪段可以控制最左边菜单栏的距离?我试了一下,貌似没找到?
回到原帖


#navigator-toolbox[tabsontop="false"] #nav-bar,
#navigator-toolbox[tabsontop="true"] #TabsToolbar {
padding-left: 82px !important; /* 用户可能需要调整这里的82px这个参数 */
}
云飞日月
小狐狸
小狐狸
  • UID11176
  • 注册日期2006-01-17
  • 最后登录2012-05-05
  • 发帖数40
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
10楼#
发布于:2010-06-29 21:28
ybbao,可以把你的代码分享一下吗?
如果显示菜单栏,隔壁论坛的代码哪段可以控制最左边菜单栏的距离?我试了一下,貌似没找到?
ybbao
非常火狐
非常火狐
  • UID27616
  • 注册日期2008-12-29
  • 最后登录2023-05-21
  • 发帖数721
  • 经验53枚
  • 威望0点
  • 贡献值36点
  • 好评度1点
  • 社区居民
11楼#
发布于:2010-06-29 21:28
#titlebar-min,#titlebar-max,#titlebar-close
{display: none;}

暂时这3个id无用,用的是默认主题
liuxb
非常火狐
非常火狐
  • UID26160
  • 注册日期2008-09-05
  • 最后登录2021-12-02
  • 发帖数659
  • 经验324枚
  • 威望0点
  • 贡献值184点
  • 好评度16点
12楼#
发布于:2010-06-29 21:28
ybbao

情况有点像XP下的
开了D2D了吗?
回到原帖



win7 , 没开D2D

已经搞定了,

#titlebar-min,#titlebar-max,#titlebar-close
{display: none;}

应该和楼主的css无关, 用firefox默认主题是没这个问题的, 我用的不是自带的主题.

可能以后的版本中, 最右面的最大化三个按钮会用上面的id也定义?
那样就可以真的去掉右边那三个按钮了.
我的...
ybbao
非常火狐
非常火狐
  • UID27616
  • 注册日期2008-12-29
  • 最后登录2023-05-21
  • 发帖数721
  • 经验53枚
  • 威望0点
  • 贡献值36点
  • 好评度1点
  • 社区居民
13楼#
发布于:2010-06-29 21:28
liuxb:有点问题

用的是26日的新的beta5版
使用顶楼的css以后, 发现最大化,最小化三个按钮跑到左边了, 如图,有个很窄的按钮,左右还各有一个.
透明的看不到, 但是鼠标移上去就出来了,作用就是最大化/最小化/恢复
而且他们下面的按钮也不能选了...

请楼主帮忙看看...
回到原帖


情况有点像XP下的
开了D2D了吗?
ybbao
非常火狐
非常火狐
  • UID27616
  • 注册日期2008-12-29
  • 最后登录2023-05-21
  • 发帖数721
  • 经验53枚
  • 威望0点
  • 贡献值36点
  • 好评度1点
  • 社区居民
14楼#
发布于:2010-06-29 21:28
好人好梦:Win7+4.0b3代码放到userchrome.css里面没效果回到原帖


需要4.0B5(26日以后的版本)
上一页
游客

返回顶部