阅读:11527回复:17
Firefox 4 beta - Move Tabs into Title Bar (Win XP)
发现大部分扩展都已经可以用于Firefox4了,其中Tab Candy又有些吸引力,所以已经把Firefox4作为主要浏览器使用了。
参考链接: 将 Firefox 4.0 的橙色按钮与导航栏或标签栏合并的CSS脚本 http://userstyles.org/styles/36044 目前使用的移动导航栏或标签栏到标题栏并将appmenu-button显示为一个火狐图片的Css脚本(根据20100904 Firefox/4.0b6pre调试): * 仅在最大化模式下应用 * 隐藏Menubar后生效 #main-window[sizemode="maximized"][chromemargin]:not([inFullscreen]) #titlebar { position: fixed !important; } /* 调整标签栏/导航栏的位置 */ #main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #TabsToolbar, #main-window[sizemode="maximized"][tabsontop="false"][chromemargin]:not([inFullscreen]) #nav-bar{ padding-top: 5px !important; padding-left:25px !important; padding-right: 6px !important; } /* 隐藏最小化/最大化/关闭按钮 */ #main-window[sizemode="maximized"][chromemargin]:not([inFullscreen]) #titlebar-buttonbox{display:none !important;} /* 调整火狐橙尺寸 */ #main-window[sizemode="maximized"][chromemargin]:not([inFullscreen]) #appmenu-button { min-width:20px !important; height:20px !important; width:24px !important; margin: 1px 2px 1px 2px !important; color: transparent !important; text-shadow: none !important; background: url("data:image/jpeg;base64,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") no-repeat 0px 1px !important; border:none !important; } #main-window[sizemode="maximized"][chromemargin]:not([inFullscreen]) #appmenu-button .button-menu-dropmarker { display: none !important; } 保留Appmenu-button的css脚本: #main-window[chromemargin]:not([inFullscreen]) #titlebar { position: fixed !important; } /* 调整标签栏/导航栏的位置 */ #main-window[tabsontop="true"][chromemargin]:not([inFullscreen]) #TabsToolbar, #main-window[tabsontop="false"][chromemargin]:not([inFullscreen]) #nav-bar{ padding-top: 5px !important; padding-left:7.2em !important; padding-right: 6px !important; } /* 隐藏最小化/最大化/关闭按钮 */ #main-window[chromemargin]:not([inFullscreen]) #titlebar-buttonbox{display:none !important;} /* 调整火狐橙尺寸 */ #main-window[chromemargin]:not([inFullscreen]) #appmenu-button { height: 22px !important;/* 工具按钮高度 */ margin-top: 1px !important; margin-left:2px !important; padding-left: 3px !important; padding-right: 3px !important; } 保留标题栏原貌的Css脚本: @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* Tab bar left and right padding */ /* Adjust according to the size of your Firefox button and window controls */ #appmenu-button { height: 22px !important;/* 工具按钮高度 */ margin-top: 1px !important; margin-left:2px !important; padding-left: 3px !important; padding-right: 3px !important; } #main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #TabsToolbar { -moz-padding-start: 7.2em !important;/* 调整标签栏的左侧开始位置 */ -moz-padding-end: 6em !important; } /* Fix Firefox button position and height */ #titlebar-content { margin-top: -1px !important; } #main-window[sizemode="normal"] #appmenu-button { padding-top: 3px !important; padding-bottom: 3px !important; } /* Move the tab bar in the title bar when maximized */ window[sizemode="maximized"]:not([inFullscreen]) #navigator-toolbox[tabsontop="true"] #TabsToolbar { margin-top: -26px !important; -moz-box-ordinal-group: 1 !important; } #main-window[tabsontop="true"]:not([inFullscreen]) #appmenu-button-container { position: fixed !important; z-index: 1; } #main-window[tabsontop="true"]:not([inFullscreen]) #titlebar-buttonbox { position: relative !important; z-index: 1; } #main-window[tabsontop="true"]:not([inFullscreen]) #TabsToolbar { position: relative !important; background-color: transparent !important; } /* Fix tab styling for the dark background */ #main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #alltabs-button[type="menu"] { list-style-image: url("chrome://browser/skin/appmenu-dropmarker.png") !important; -moz-image-region: rect(0, 9px, 7px, 0) !important; } #main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #alltabs-button[type="menu"] image { opacity: 0.7 !important; margin-top: 4px !important; } #main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) .tabbrowser-tab:not([selected="true"]), #main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) .tabs-newtab-button, #main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #TabsToolbar > #home-button { background-image: -moz-linear-gradient(hsla(0,0%,80%,.6), hsla(0,0%,75%,.4) 50%, hsla(0,0%,70%,.4) 51%) !important; text-shadow: white 0 0 2px; } #main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) .tabbrowser-tab:not([selected="true"]):hover, #main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) .tabs-newtab-button:hover, #main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #TabsToolbar > #home-button:hover { background-image: -moz-linear-gradient(hsla(0,0%,100%,.8), hsla(0,0%,90%,.6) 50%, hsla(0,0%,85%,.6) 51%) !important; } |
|
1楼#
发布于:2010-09-03 12:46
恩,能调用win7的那套标题栏,最小化、最大化、关闭按钮就好了
|
|
2楼#
发布于:2010-09-03 12:46
|
|
3楼#
发布于:2010-09-03 12:46
用上了,谢谢~~
|
|
4楼#
发布于:2010-09-03 12:46
用文字版的火狐橙,其右边有个蓝色背景的去不掉。
应该是残留的标题栏,双击可以restore |
|
5楼#
发布于:2010-09-03 12:46
|
|
6楼#
发布于:2010-09-03 12:46
神贴啊,第一个方案用在4.0b6和4.0b7上没有火狐的图标了,目前用第二种,感谢楼主分享!!
ps:找到这个帖子,我在两个论坛翻了近2小时! |
|
7楼#
发布于:2010-09-03 12:46
|
|
8楼#
发布于:2010-09-03 12:46
楼主回复真快,换回第一种4.0B7正常,非常感谢.请教下,第二种样式的文字怎么修改啊?就是那个橙色按钮的文字,那显示个地雷的单词,不是火狐看着不好看.再次感谢.......
|
|
9楼#
发布于:2010-09-03 12:46
#appmenu-button { background:#415E99 !important; } /*修改按钮背景色,#415E99替换为你想要的颜色*/
#appmenu-button .button-text { display:none !important; } /*隐藏原来的按钮文字*/ #appmenu-button dropmarker:before { content: "Firefox" !important; } /*Firefox替换为你想要的文字*/ |
|
10楼#
发布于:2010-09-03 12:46
感谢楼上热心的大神
|
|
11楼#
发布于:2010-09-03 12:46
使用了第一种
但是图片背景和标签分页的图案背景相同了 请问能不能改颜色阿 譬如下面这张图 |
|
12楼#
发布于:2010-09-03 12:46
Win7 4.0b6除了隐藏最小化/最大化/关闭按钮
其他效果可以 第一个太简洁了 |
|
|
13楼#
发布于:2010-09-03 12:46
请问怎样像5楼那样自定义橙色按钮?
|
|
14楼#
发布于:2010-09-03 12:46
#appmenu-button { background:#415E99 !important; } /*修改按钮背景色,#415E99替换为你想要的颜色*/
#appmenu-button .button-text { display:none !important; } /*隐藏原来的按钮文字*/ #appmenu-button dropmarker:before { content: "Firefox" !important; } /*Firefox替换为你想要的文字*/ 如果我用第二种方案,我要把代码加到哪个位置呢?我直接加入会显示乱码呀 |
|
上一页
下一页