[求助]自动隐藏书签栏的问题

alanfly 千年狐狸 UID31035 注册日期2009-11-10 最后登录2024-05-16 发帖数2767 经验578枚威望1点贡献值128点好评度100点加关注写私信	30楼^# 发布于：2010-09-13 15:00 no001529：那个日本人写的css效果果然不错，浮动效果，向往好久了。比较遗憾的是在3.6上不好用。回到原帖 3.6不支持延迟隐藏那个css属性；另一个时间设置成不为0时还有动画效果； [quote="dindog"] 请问是用什么软件做的GIF[/quote] wink+Ulead GIF Animator。
	回复(0) 喜欢(0)

dindog

千年狐狸

UID30818
注册日期2009-10-24
最后登录2023-02-03
发帖数1195
经验59枚
威望0点
贡献值26点
好评度10点

加关注写私信

31楼^#

发布于：2010-09-13 15:00

我的。。。。用菜单栏作书签栏，闪动和误操作都少，激发是hover，平时隐藏剩1px，把标题栏做掉后就剩1px在最顶，所以很灵敏，又不会有指向地址栏时闪动。

缺点么，就是最大化窗口才好用，不然剩下那一个像素对准比较难。
Stylish代码：

/* The following CSS code will hide menubar
and show them again if you move the cursor to menubar */

/* begin css */

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#toolbar-menubar{
  margin-top: -22px !important;
}

#toolbar-menubar:hover {
  margin-top: 0px !important;
}

/* end css */

效果图：

图片：ggg.gif

以前firefox跳个票的时间现在可以发布几个正式版了-_-

回复喜欢

bestmai 小狐狸 UID29116 注册日期2009-06-10 最后登录2013-05-12 发帖数44 经验10枚威望0点贡献值0点好评度0点加关注写私信	32楼^# 发布于：2010-09-13 15:00 吹毛求疵一点，地址栏下面还有一条白线，有点碍眼，不知如何去掉，不用这个脚本的话，这条线是灰色的，最右边也有一条
	图片：无标题.jpg 回复(0) 喜欢(0)

alanfly 千年狐狸 UID31035 注册日期2009-11-10 最后登录2024-05-16 发帖数2767 经验578枚威望1点贡献值128点好评度100点加关注写私信	33楼^# 发布于：2010-09-13 15:00 bestmai：吹毛求疵一点，地址栏下面还有一条白线，有点碍眼，不知如何去掉，不用这个脚本的话，这条线是灰色的，最右边也有一条回到原帖 margin-top:后面的数值自己调整下，作者在代码里也有注释。
	回复(0) 喜欢(0)

bestmai 小狐狸 UID29116 注册日期2009-06-10 最后登录2013-05-12 发帖数44 经验10枚威望0点贡献值0点好评度0点加关注写私信	34楼^# 发布于：2010-09-13 15:00 alanfly： margin-top:后面的数值自己调整下，作者在代码里也有注释。回到原帖调过了，还是不行
	回复(0) 喜欢(0)

openicq

狐狸大王

UID5412
注册日期2005-04-23
最后登录2015-12-15
发帖数353
经验10枚
威望0点
贡献值0点
好评度0点

加关注写私信

35楼^#

发布于：2010-09-13 15:00

alanfly：
有高手用css写出来了；

默认是0.8s，可以自己调整；

只能用于4.0。

作者：ポップアップブックマークツールバー for UserCSS - Griever

@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"]) > #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;
}

}

回到原帖

发现3.6.10也能用这段代码

3.6.10中菜单栏没有隐藏鼠标移动到地址栏才会出现浮动书签栏

4.0中隐藏菜单栏标签栏不置顶鼠标移动到标签栏就出现浮动菜单栏了
能改下代码让它只在鼠标移动到地址栏才出现浮动菜单栏么？

回复喜欢

alanfly

千年狐狸

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

加关注写私信

36楼^#

发布于：2010-09-13 15:00

发现3.6.10也能用这段代码

3.6.10中菜单栏没有隐藏鼠标移动到地址栏才会出现浮动书签栏

4.0中隐藏菜单栏标签栏不置顶鼠标移动到标签栏就出现浮动菜单栏了
能改下代码让它只在鼠标移动到地址栏才出现浮动菜单栏么？

3.6.10也支持那很多人该开心了；
这是改好的：

@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: -32px !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: 0px !important;
  min-height: 0px !important;
}

/*
#main-window[stylish-url="about:blank"] #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar,*/
#main-window:not([inFullscreen="true"]) #nav-bar:not([customizing="true"]):hover ~ #PersonalToolbar,#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"])>#PersonalToolbar:hover {
  -moz-transition: max-height 0s ease-in-out !important;/* 表示されるときのアニメーション */
  max-height: 30px !important;
}

}

回复喜欢

openicq

狐狸大王

UID5412
注册日期2005-04-23
最后登录2015-12-15
发帖数353
经验10枚
威望0点
贡献值0点
好评度0点

加关注写私信

37楼^#

发布于：2010-09-13 15:00

alanfly：
3.6.10也支持那很多人该开心了；
这是改好的：

@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: -32px !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: 0px !important;
  min-height: 0px !important;
}

/*
#main-window[stylish-url="about:blank"] #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar,*/
#main-window:not([inFullscreen="true"]) #nav-bar:not([customizing="true"]):hover ~ #PersonalToolbar,#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"])>#PersonalToolbar:hover {
  -moz-transition: max-height 0s ease-in-out !important;/* 表示されるときのアニメーション */
  max-height: 30px !important;
}

}

回到原帖

感谢等晚上换Win7了再测试~
现在在配置刚折腾好的Ubuntu10.10 x64
PS：在Ubuntu x64中使用4.0的每夜版有点杯具小毛病不少所以还是直接用稳定版算了

回复喜欢

alanfly 千年狐狸 UID31035 注册日期2009-11-10 最后登录2024-05-16 发帖数2767 经验578枚威望1点贡献值128点好评度100点加关注写私信	38楼^# 发布于：2010-09-13 15:00 感谢等晚上换Win7了再测试~ 现在在配置刚折腾好的Ubuntu10.10 x64 PS：在Ubuntu x64中使用4.0的每夜版有点杯具小毛病不少所以还是直接用稳定版算了不客气；以前用过几个月ubuntu，等硬盘升级了再装上用。
	回复(0) 喜欢(0)

openicq 狐狸大王 UID5412 注册日期2005-04-23 最后登录2015-12-15 发帖数353 经验10枚威望0点贡献值0点好评度0点加关注写私信	39楼^# 发布于：2010-09-13 15:00 新代码使用正常再次感谢~
	回复(0) 喜欢(0)

windong 火狐狸 UID33747 注册日期2010-08-20 最后登录2013-07-25 发帖数129 经验10枚威望0点贡献值0点好评度0点加关注写私信	40楼^# 发布于：2010-09-13 15:00 终于有了，感谢分享~~~
	回复(0) 喜欢(0)

lovejingjing 小狐狸 UID31578 注册日期2010-01-11 最后登录2011-10-01 发帖数5 经验10枚威望0点贡献值0点好评度0点加关注写私信	41楼^# 发布于：2010-09-13 15:00 标记一下,等升4.0用
	回复(0) 喜欢(0)

openicq 狐狸大王 UID5412 注册日期2005-04-23 最后登录2015-12-15 发帖数353 经验10枚威望0点贡献值0点好评度0点加关注写私信	42楼^# 发布于：2010-09-13 15:00 3.6.11也可以用啊
	回复(0) 喜欢(0)

eidd 小狐狸 UID31202 注册日期2009-11-26 最后登录2010-12-10 发帖数2 经验10枚威望0点贡献值0点好评度0点加关注写私信	43楼^# 发布于：2010-09-13 15:00 弱弱的问下,如果是3.6.11..这段代码是用什么加在哪里的?
	回复(0) 喜欢(0)

openicq

狐狸大王

UID5412
注册日期2005-04-23
最后登录2015-12-15
发帖数353
经验10枚
威望0点
贡献值0点
好评度0点

加关注写私信

44楼^#

发布于：2010-09-13 15:00

alanfly：
3.6.10也支持那很多人该开心了；
这是改好的：

@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: -32px !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: 0px !important;
  min-height: 0px !important;
}

/*
#main-window[stylish-url="about:blank"] #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar,*/
#main-window:not([inFullscreen="true"]) #nav-bar:not([customizing="true"]):hover ~ #PersonalToolbar,#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"])>#PersonalToolbar:hover {
  -moz-transition: max-height 0s ease-in-out !important;/* 表示されるときのアニメーション */
  max-height: 30px !important;
}

}

回到原帖

代码在最新的每夜版里失效了Orz
表现为：鼠标移到地址栏出现书签栏但是想要点选书签的时候鼠标一离开地址栏书签栏就消失

回复喜欢

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