阅读:3666回复:12
求自动隐藏导航栏/地址栏/搜索栏的CSS脚本
平常自动隐藏导航栏/地址栏/搜索栏,当鼠标移动到标签页时又能自动显示出来。
大家有这种CS脚本吗? 谢谢 |
|
1楼#
发布于:2010-11-12 16:08
我找到个自动隐藏书签栏的,但是没找到隐藏地址栏的。
自动隐藏书签栏: @namespace url(http://www.mozilla.org/keymaster/gateke ... s.only.xul); @-moz-document url(chrome://browser/content/browser.xul) { #main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) ~ #browser { margin-top: -25px !important;/* 適宜調整 */ } #main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar { -moz-transition: max-height 0s ease-in-out .8s !important;/* 消えるときのアニメーション */ -moz-box-ordinal-group: 1000 !important; padding: 0 3px !important; position: relative !important; z-index: 100 !important; overflow-y: hidden !important; max-height: 1px !important; min-height: 1px !important; } /* #main-window[stylish-url="about:blank"] #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar,*/ #main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]):hover > #PersonalToolbar { -moz-transition: max-height 0s ease-in-out !important;/* 表示されるときのアニメーション */ max-height: 30px !important; } } |
|
2楼#
发布于:2010-11-12 16:08
稍微改下就可以了。
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); @-moz-document url(chrome://browser/content/browser.xul) { #main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) ~ #browser { margin-top: -25px !important;/* 適宜調整 */ } #main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) > #nav-bar { -moz-transition: max-height .4s ease-in-out 1s !important;/* 消えるときのアニメーション */ -moz-box-ordinal-group: 1000 !important; padding: 0 3px !important; position: relative !important; z-index: 100 !important; overflow-y: hidden !important; max-height: 1px !important; min-height: 1px !important; } /* #main-window[stylish-url="about:blank"] #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar,*/ #main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]):hover > #nav-bar { -moz-transition: max-height .2s ease-in-out !important;/* 表示されるときのアニメーション */ max-height: 30px !important; } } |
|
3楼#
发布于:2010-11-12 16:08
alanfly:稍微改下就可以了。@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); @-moz-document url(chrome://browser/content/browser.xul) { #main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) ~ #browser { margin-top: -25px !important;/* 適宜調整 */ } #main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) > #nav-bar { -moz-transition: max-height .4s ease-in-out 1s !important;/* 消えるときのアニメーション */ -moz-box-ordinal-group: 1000 !important; padding: 0 3px !important; position: relative !important; z-index: 100 !important; overflow-y: hidden !important; max-height: 1px !important; min-height: 1px !important; } /* #main-window[stylish-url="about:blank"] #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar,*/ #main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]):hover > #nav-bar { -moz-transition: max-height .2s ease-in-out !important;/* 表示されるときのアニメーション */ max-height: 30px !important; } }回到原帖 这个脚本我也找到了,但是不会改啊。 我就想要标签页置顶,最后隐藏到只剩下标签栏,视野开阔啊。 |
|
4楼#
发布于:2010-11-12 16:08
我楼上给的是已经改好的代码。 |
|
5楼#
发布于:2010-11-12 16:08
|
|
6楼#
发布于:2010-11-12 16:08
就改了几处,不仔细看看不出来。 |
|
7楼#
发布于:2010-11-12 16:08
alanfly真是一个热心的高手啊
|
|
|
8楼#
发布于:2010-11-12 16:08
请问怎么设置成不透明?
|
|
9楼#
发布于:2010-11-12 16:08
|
|
10楼#
发布于:2010-11-12 16:08
学习了
|
|
11楼#
发布于:2010-11-12 16:08
LeoShone:请问怎么设置成不透明?回到原帖 在倒数第二个}前加上 background:black !important; black是黑色,可以修改,比如white白色等。 分别代表 背景属性:背景颜色 背景图片 背景是否重复 背景时候随浏览器滚动 背景平位置 背景垂直位置 background : background-color || background-image || background-repeat || background-attachment || background-position transparent表示透明无颜色 none 表示没有设置背景图片 repeat 表示图片重复 scroll 表示背景图片随浏览器下拉而滚动 0%水平位置在x0 0%垂直位置在y0 |
|
12楼#
发布于:2010-11-12 16:08
谢谢楼上!
再请问当导航栏自动隐藏的时候,可否不用鼠标,而只用快捷键(如Alt+D)让它显示出来? 也就是说当光标在地址栏或搜索栏的时候,自动显示导航栏。 |
|