阅读:4065回复:9
秀一下自己的FOX,超级简洁...
按钮,地址栏,都在导航栏上,已被自动隐藏,鼠标移到,会自动显示出来。
所谓的主题啊,什么炫彩风格,在我这上,一点用处也没有,哈哈..... |
|
1楼#
发布于:2011-11-09 18:13
还好,就是XP的那个标题栏真是有点丑,还好我把它自定义了。
最小化,最大化和还原按钮基本也用不上,可以隐藏掉 #titlebar-restore{display: none !important;} #titlebar-max{display: none !important;} #titlebar-min{display: none !important;} |
|
2楼#
发布于:2011-11-09 18:13
|
|
3楼#
发布于:2011-11-09 18:13
汗,怎么又没有效果呢,我是放在userChrome.css里的,有效,记得重启。
|
|
4楼#
发布于:2011-11-09 18:13
|
|
5楼#
发布于:2011-11-09 18:13
lz请把主题的配置上传一下,我也想用用,谢谢
|
|
6楼#
发布于:2011-11-09 18:13
bobnemo:lz请把主题的配置上传一下,我也想用用,谢谢回到原帖 主题的配置?是主题还是配置? 第一,我没有使用任何主题,还是原版安装的那个,因为我认为已经洁简到这样,无需主题。 第二,我也没使用很多配置,只是将一些个人感觉有用的按钮移到导航栏,然后自动隐藏,最后更改了滚动条的样式。 第三,将那些无用的书签栏,附加组件栏,全部关闭,标签页置顶,就可以达到如我图上的效果了。 第四,下面是我所用的二个配置代码,希望可以帮到你。 自动隐藏导航: /* Firefox 4 - Autohide Navigation Bar Alternative */ /* ver: 1.10 (09-15-2011) */ /* 2011 xat - contact: xatnys[at]gmail[dot]com */ /* this has been tested on Firefox 4.0-8.0a1 */ @namespace url(http://www.mozilla.org/keymaster/gateke ... s.only.xul); @-moz-document url-prefix('chrome://') { [tabsontop="true"] #nav-bar toolbarbutton { background-image: -moz-linear-gradient(rgba(251, 252, 253, 1.0), rgba(246, 247, 248, 1.0) 49%, rgba(231, 232, 233, 1.0) 51%, rgba(225, 226, 229, 1.0)) !important; opacity: 1.0 !important; } [tabsontop="true"] #nav-bar toolbarbutton[disabled] { background-image: -moz-linear-gradient(rgba(251, 252, 253, 1.0), rgba(246, 247, 248, 1.0) 49%, rgba(231, 232, 233, 1.0) 51%, rgba(225, 226, 229, 1.0)) !important; opacity: .95 !important; } /**/ [tabsontop="true"] #nav-bar { min-height: 1px !important; /* min-height: 2px !important; /**/ height: 1px !important; margin-top: 0px !important; margin-left: 0px !important; -moz-box-ordinal-group: 101 !important; padding-right: 1.5em/*0em/**/ !important; } [tabsontop="true"] #nav-bar #urlbar, [tabsontop="true"] #nav-bar #searchbar .searchbar-textbox { -moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.1) !important; } [tabsontop="true"] #nav-bar #urlbar:not(:hover):not([focused]), [tabsontop="true"] #nav-bar #searchbar:not(:hover) .searchbar-textbox:not(:hover):not([focused]) { background-color: rgba(255,255,255,0.9) !important; } [tabsontop="true"] #nav-bar > :not(#urlbar-container):not(#searchbar-container) { min-height: 24px !important; } [tabsontop="true"] #nav-bar > #urlbar-container, [tabsontop="true"] #nav-bar #searchbar { min-height: 26px !important; opacity: 1 !important; /* weird hack I stumbled upon by chance */ -moz-transform: translateY(-9001px) !important; /* offset */ } [tabsontop="true"][iconsize="large"] #nav-bar > #unified-back-forward-button, [tabsontop="true"][iconsize="large"] #nav-bar > #unified-back-forward-button ~ * { margin-top: -4px !important; } /* initial non-focused */ [tabsontop="true"] > #nav-bar > :not(#urlbar-container):not(#search-container) { opacity: 0 !important; -moz-transform: translateY(-9001px) !important; -moz-transition: opacity 300ms/**/ ease 300ms, -moz-transform 0ms ease 600ms !important; } [tabsontop="true"] #nav-bar #urlbar:not([focused]), [tabsontop="true"] #nav-bar #searchbar .searchbar-textbox:not([focused]) { opacity: 0 !important; -moz-transform: translateY(0px) !important; -moz-transition: opacity 300ms/**/ ease 300ms, -moz-transform 0ms ease 600ms !important; } /* end initial non-focused */ /*hover animation*/ #navigator-toolbox[tabsontop="true"]:hover #nav-bar/*:hover/**/ > :not(#urlbar-container):not(#search-container) { opacity: 1 !important; -moz-transform: translateY(0px) !important; -moz-transition: opacity 300ms/**/ ease 250ms, -moz-transform 0ms ease 300ms !important; } #navigator-toolbox[tabsontop="true"]:hover #nav-bar/*:hover/**/ > #urlbar-container #urlbar, #navigator-toolbox[tabsontop="true"]:hover #nav-bar/*:hover/**/ #searchbar .searchbar-textbox { opacity: 1 !important; -moz-transform: translateY(+9001px) !important; -moz-transition: opacity 300ms/**/ ease 250ms, -moz-transform 0ms ease 300ms !important; } /*end hover animation*/ /*special non-hovered but focused state*/ [tabsontop="true"] #urlbar[focused], [tabsontop="true"] #searchbar .searchbar-textbox[focused] { opacity: 1 !important; -moz-transform: translateY(+9001px) !important; -moz-transition: opacity 150ms/**/ ease 0ms, -moz-transform 0ms ease 0ms !important; } /*end special non-hovered but focused state*/ } 滚动条样式: @-moz-document url-prefix(http://), url-prefix(https://) { /* THIS WHOLE CODE SECTION AUTOHIDES ONLY THE VERTICAL SCROLLBARS OF WEBPAGES */ scrollbar * scrollbar scrollbarbutton { display: none ! important; } scrollbar scrollbarbutton { visibility: collapse !important } scrollbar[orient="vertical"]{ background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAACCAYAAABsfz2XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAhSURBVHjaYvj//z8DMvb39/+PLoaMmRhIBAAAAAD//wMAB6Qizv4lfkgAAAAASUVORK5CYII=") ! important; -moz-appearance: none !important; background-color: transparent !important; opacity: .75 !important; min-width: 9px !important; max-width: 9px !important; margin-top: 150px !important; margin-bottom: 150px !important; } /*CAN CHANGE SCROLLBAR WIDTH FROM Default 17px (MUST CHANGE BOTH min-width and max-width to exact same px */ /*Default vertical scrollbar width is 17px */ scrollbar[orient="vertical"]:hover { opacity: 1 !important; -moz-appearance: none !important; background-color: transparent !important; min-width: 9px !important; max-width: 9px !important; } /************************************************************************/ /* button you drag down the strip */ scrollbar thumb[orient="vertical"] { background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAnSURBVHjaYmQofPWfgQjwv0+UkYGBgYGJgUQwqmGkaAAAAAD//wMA+/4EFULQY9sAAAAASUVORK5CYII=") ! important; -moz-appearance: none !important; -moz-border-radius: 4px !important; min-width: 8px !important; max-width: 8px !important; border: 1px !important; } /* HOVER:button you drag down the strip */ scrollbar thumb[orient="vertical"]:hover {background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAnSURBVHjaYmQofPWfgQjwv0+UkYGBgYGJgUQwqmGkaAAAAAD//wMA+/4EFULQY9sAAAAASUVORK5CYII=") ! important; -moz-border-radius: 4px !important; border: 0px !important; } /***************************************************************************/ /*////////////////////////////////////////////////////////////////////////////*/ /* THIS WHOLE CODE SECTION AUTOHIDES ONLY THE HORIZONTAL SCROLLBARS OF WEBPAGES */ /*can increase min-height 5px and max-height 5px to have more grab space for horizontal scrollbar (min-height and max-height must be exact same px)*/ scrollbar[orient="horizontal"]{ background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAMCAYAAABIvGxUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYvz//z8DAwMDAxMDFGAyGP39/f8zMDAwMBKhGA8DMAB8qAf8L6w8LwAAAABJRU5ErkJggg==") ! important; -moz-appearance: none !important; background-color: transparent !important; opacity: .75 !important; min-height: 9px !important; max-height: 9px !important; margin-left: 450px !important; margin-right: 450px !important; } /*CAN MAKE HORIZONTAL SCROLLBARS LESS HEIGHT when hovered BELOW:MUST HAVE min-height and max-height exact same px */ /* Default horizontal height is 17px */ scrollbar[orient="horizontal"]:hover { opacity: 1 !important; -moz-appearance: none !important; background-color: transparent !important; min-height: 9px !important; max-height: 9px !important; margin-left: 450px !important; margin-right: 450px !important; } /*////////////////////// bar /////////////////////////////////////////*/ /* button you drag down the strip */ scrollbar thumb[orient="horizontal"] { background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYmQofPWfgQTAxEAiGNUwODQw/v//n7Y2AAAAAP//AwCb0AVuQc6u0wAAAABJRU5ErkJggg==") ! important; -moz-appearance: none !important; -moz-border-radius: 4px !important; min-height: 8px !important; max-height: 8px !important; border: 1px !important; margin-left: 0px !important; } /* HOVER:button you drag down the strip */ scrollbar thumb[orient="horizontal"]:hover {background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYmQofPWfgQTAxEAiGNUwODQw/v//n7Y2AAAAAP//AwCb0AVuQc6u0wAAAABJRU5ErkJggg==") ! important; -moz-border-radius: 4px !important; border: 0px !important; } /*///////////////////////////////////////////////////////////////////*/ /* REMOVES THE SCROLLBAR CORNERS THAT CAN BE SEEN ON DARK COLORED WEBPAGES */ scrollcorner{opacity: 0 !important;} scrollbar scrollcorner:hover {background:transparent !important;} } |
|
7楼#
发布于:2011-11-09 18:13
|
|
8楼#
发布于:2011-11-09 18:13
谢谢楼主 我研究一下
|
|
9楼#
发布于:2011-11-09 18:13
图片:fx.jpg ![]() |
|