本站不兼容 8 以前的版本的 Interner Explorer 浏览器(或基于这些版本的 IE 的其他浏览器),并且页面样式不完全兼容 IE 8,我们建议你升级至 IE 9 或改用其他非 IE 浏览器

Mozest™

  • 正在加载用户菜单…

开放、分享、互助

转播到腾讯微博
返回列表 回复 发帖

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

本帖最后由 golf-at 于 2010-8-26 09:15 编辑

之前有网友给出了将橙色按钮与标签栏合并的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;
}
附件: 您所在的用户组无法下载或查看附件
补充说明:脚本适用于Win Vista/7下的Firefox 4.0Beta,且Firefox菜单栏被隐藏,同时Windows主题启用了Aero。
很好用,
不错,值得一用
这个布局下,看不到网页的标题。我写了一个uc.js脚本,类似于以前的Hide Caption扩展,在状态栏显示网页标题,需要的网友可以下载使用。
附件: 您所在的用户组无法下载或查看附件
这个很好啊 感谢大大 收藏了 等正式版了再用
先搜藏,暂时用3.6
能不能弄个:书签栏透明的代码,让书签栏完全透明,可以看到网页,当鼠标移动过去的时候就不透明了,出现书签栏。

我现在弄的隐藏书签栏,鼠标移动过去再出现书签栏,这样弄网页老是上下跳动,弄成透明就不会了。
我又修改完善了一下脚本:
1. 全屏时,右边不留空白了,同时工具栏背景仍然透明(不知道官方为什么要故意改成暗灰色)
2. 标签栏置顶时,导航工具栏仍然有透明背景,只是标签栏和导航工具栏之间有一条线,还不知道怎么去除。
golf大大是怎么搞掉标题栏的?f11全屏吗?
茍全性命于亂世 不求聞達於諸侯
我又修改完善了一下脚本:
1. 全屏时,右边不留空白了,同时工具栏背景仍然透明(不知道官方为什么要故意改成暗灰色)
2. 标签栏置顶时,导航工具栏仍然有透明背景,只是标签栏和导航工具栏之间有一条线,还不知道怎 ...
golf-at 发表于 2010-7-1 13:37
我是删除localstore文件,重起就没了
我又修改完善了一下脚本:
1. 全屏时,右边不留空白了,同时工具栏背景仍然透明(不知道官方为什么要故意改成暗灰色)
2. 标签栏置顶时,导航工具栏仍然有透明背景,只是标签栏和导航工具栏之间有一条线,还不知道怎 ...
golf-at 发表于 2010-7-1 13:37
全屏,变花了。
本帖最后由 Moresam 于 2010-7-7 09:48 编辑

窗口化时效果还可以,最大化后很难看,如截图,希望能够完善下。
附件: 您所在的用户组无法下载或查看附件
本帖最后由 sinopec 于 2010-7-9 04:14 编辑

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

http://gdgtry.com/2010/07/thinning-down-firefox-4s-tab-bar/
  1. #appmenu-button-container{
  2. position: fixed !important;
  3. }

  4. #navigator-toolbox[tabsontop="true"] #TabsToolbar{
  5. padding-left: 80px !important;
  6. margin-right: 105px !important;
  7. padding-top: 2px !important;
  8. }

  9. #appmenu-button{
  10. padding: 3px 5px 3px 5px !important;
  11. height: 20px !important;
  12. }
复制代码
 
我这里是Win 7 eng系统,装的Gaia09主题
如附件所示,标签栏后显黑色,请问怎样改成白色
谢谢!
附件: 您所在的用户组无法下载或查看附件
本帖最后由 jenco 于 2010-7-11 22:33 编辑

非常感谢
附件: 您所在的用户组无法下载或查看附件
本帖最后由 royallin 于 2010-7-10 18:14 编辑

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

图二tabs not on top

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

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


隐藏导航栏扩展
附件: 您所在的用户组无法下载或查看附件
17# royallin
你的截图看上去是Windows XP,或者虽然是Win 7/Vista,但是Windows主题没启用 Aero。这个脚本是给 Win 7/Vista 下的用户使用的,同时要求Windows主题启用了 Aero 才行。
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失效,不出来。
用上炫彩风格后再配合楼主的脚本  漂亮简洁 呵呵
用了脚本后在搜索栏图标上切换引擎时 有很多黑线啊
用了脚本后在搜索栏图标上切换引擎时 有很多黑线啊
MEISHUAI 发表于 2010-7-16 14:28
你是说鼠标在弹出的下拉列表中移动时,陈慧娴黑线吗?这个是 firefox 的bug,有些版本有这个问题,有些版本没这个问题。
22# golf-at
是的啊。。就是在搜索栏图标下拉列表有那种黑线。。

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

我的是TETE 4.0B1
怎样才能把状态栏也调成透明呢?
golf大,有没有Windows7主题没有启用Aero也适用的css代码?我有个更现实的问题,就是标签工具栏缩到一起了,您帮忙看看怎么展开呀?
附件: 您所在的用户组无法下载或查看附件
本帖最后由 zmyzbf 于 2010-8-5 10:44 编辑

导航栏置顶标签不透明
还有导航栏透明书签栏不透明太突兀难看了
失效了,快来更新啊
今天的已经不管用了
附件: 您所在的用户组无法下载或查看附件
28# kunanboy
因为影响性能,今天又改回去了。
有个标题栏真别扭,原来有个隐藏标题栏的脚本的,但是用上它页面上的文字就发白