求自动隐藏导航栏/地址栏/搜索栏的CSS脚本

dawlen 狐狸大王 UID34286 注册日期2010-10-20 最后登录2015-05-28 发帖数311 经验15枚威望0点贡献值8点好评度0点加关注写私信	阅读：3665回复：12 求自动隐藏导航栏/地址栏/搜索栏的CSS脚本楼主^# 更多只看楼主倒序阅读发布于：2010-11-12 16:08 平常自动隐藏导航栏/地址栏/搜索栏，当鼠标移动到标签页时又能自动显示出来。大家有这种CS脚本吗？谢谢
	喜欢0 最新喜欢：回复

dawlen

狐狸大王

UID34286
注册日期2010-10-20
最后登录2015-05-28
发帖数311
经验15枚
威望0点
贡献值8点
好评度0点

加关注写私信

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;
}

}

回复喜欢

alanfly

千年狐狸

UID31035
注册日期2009-11-10
最后登录2024-05-02
发帖数2766
经验577枚
威望1点
贡献值128点
好评度99点

加关注写私信

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;
}

}

回复喜欢

dawlen

狐狸大王

UID34286
注册日期2010-10-20
最后登录2015-05-28
发帖数311
经验15枚
威望0点
贡献值8点
好评度0点

加关注写私信

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;
}

}

回到原帖

这个脚本我也找到了，但是不会改啊。
我就想要标签页置顶，最后隐藏到只剩下标签栏，视野开阔啊。

回复喜欢

alanfly 千年狐狸 UID31035 注册日期2009-11-10 最后登录2024-05-02 发帖数2766 经验577枚威望1点贡献值128点好评度99点加关注写私信	4楼^# 发布于：2010-11-12 16:08 这个脚本我也找到了，但是不会改啊。我就想要标签页置顶，最后隐藏到只剩下标签栏，视野开阔啊。我楼上给的是已经改好的代码。
	回复(0) 喜欢(0)

dawlen 狐狸大王 UID34286 注册日期2010-10-20 最后登录2015-05-28 发帖数311 经验15枚威望0点贡献值8点好评度0点加关注写私信	5楼^# 发布于：2010-11-12 16:08 alanfly：我楼上给的是已经改好的代码。回到原帖谢谢alanfly，呵呵，不好意思，我看不懂代码。谢谢
	回复(0) 喜欢(0)

alanfly 千年狐狸 UID31035 注册日期2009-11-10 最后登录2024-05-02 发帖数2766 经验577枚威望1点贡献值128点好评度99点加关注写私信	6楼^# 发布于：2010-11-12 16:08 谢谢alanfly，呵呵，不好意思，我看不懂代码。谢谢就改了几处，不仔细看看不出来。
	回复(0) 喜欢(0)

lamwong2046

小狐狸

UID34464
注册日期2010-11-07
最后登录2014-06-18
发帖数31
经验12枚
威望0点
贡献值0点
好评度1点

加关注写私信

7楼^#

发布于：2010-11-12 16:08

alanfly真是一个热心的高手啊

花有重开日，人无再少年

回复喜欢

LeoShone 小狐狸 UID7490 注册日期2005-07-21 最后登录2020-12-13 发帖数61 经验50枚威望0点贡献值26点好评度1点加关注写私信	8楼^# 发布于：2010-11-12 16:08 请问怎么设置成不透明？
	回复(0) 喜欢(0)

pkcc852 火狐狸 UID32334 注册日期2010-03-20 最后登录2014-02-01 发帖数185 经验10枚威望0点贡献值0点好评度2点加关注写私信	9楼^# 发布于：2010-11-12 16:08 alanfly：我楼上给的是已经改好的代码。回到原帖我的橙色按鈕和tab bar合併了,使用後還會剩下一條空bar..
	回复(0) 喜欢(0)

popozhu 小狐狸 UID34701 注册日期2010-11-27 最后登录2019-03-29 发帖数20 经验21枚威望0点贡献值10点好评度0点加关注写私信	10楼^# 发布于：2010-11-12 16:08 学习了
	回复(0) 喜欢(0)

royallin

非常火狐

UID29014
注册日期2009-05-31
最后登录2016-12-07
发帖数668
经验46枚
威望0点
贡献值32点
好评度0点

加关注写私信

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

回复喜欢

LeoShone 小狐狸 UID7490 注册日期2005-07-21 最后登录2020-12-13 发帖数61 经验50枚威望0点贡献值26点好评度1点加关注写私信	12楼^# 发布于：2010-11-12 16:08 谢谢楼上！再请问当导航栏自动隐藏的时候，可否不用鼠标，而只用快捷键(如Alt+D)让它显示出来？也就是说当光标在地址栏或搜索栏的时候，自动显示导航栏。
	回复(0) 喜欢(0)

您需要登录后才可以回帖，登录或者注册

求自动隐藏导航栏/地址栏/搜索栏的CSS脚本

最新喜欢：