首页>Firefox 专区>Firefox 正式版和测试版>分享自动隐藏书签栏的userchrome.css
回复
« 返回列表
1 2 下一页 »
war132553
war132553
小狐狸
小狐狸
  • UID29954
  • 注册日期2009-08-04
  • 最后登录2011-10-25
  • 发帖数3
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度3点
写私信
阅读：11122回复：18

分享自动隐藏书签栏的userchrome.css

楼主#
更多 发布于：2011-09-03 12:35
之前看过论坛里很多关于自动隐藏书签栏的帖子，总有部分不完美，例如：
1，不能设置延迟hover时间，导致一移动鼠标就弹出来。希望正常移动不会造成弹出
2，bookmark弹出后页面跳动，希望弄成悬浮出现。
3，hover到标签栏和地址栏时都弹出。希望可以只hover地址栏时弹出（之前一位朋友也求过）。

折腾了大半天，结合了好多人的脚本，如下，感觉已经挺完美的了。 

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


#PersonalToolbar {
  visibility: hidden !important;
  opacity: 0;
  -moz-transition-duration: 0.3s;
  -moz-transition-property: visibility, opacity, margin;
  -moz-transition-delay: 1s}       /*设置多少秒bookmark消失*/

#nav-bar:hover~#PersonalToolbar,#PersonalToolbar:hover /*此处为hover地址栏自动弹出bookmark，若想hover地址栏+标签栏，请改#navigator-toolbox:hover > */
{
  visibility: visible !important;
  opacity: 1;
  -moz-transition-delay: 0.4s}   /*设置多少秒后延迟出现*/

#PersonalToolbar {
  position: fixed !important;
  margin-top: 40px !important}
  
#nav-bar:hover~#PersonalToolbar,#PersonalToolbar:hover /*此处为hover地址栏自动弹出bookmark，若想hover地址栏+标签栏，请改#navigator-toolbox:hover > */
{
  margin-top: 52px !important}
  
#main-window[stylish-url="about:addons"] #PersonalToolbar {
  margin-top: 25px !important;
  background: transparent !important; border: none !important}

#main-window[stylish-url="about:addons"] #PersonalToolbar {
  display: none !important}


#PersonalToolbar {
  background-color: #e6e7e7 !important;
}
喜欢3

最新喜欢：

water7water7 足球足球 hillhill
回复
白左
白左
千年狐狸
千年狐狸
  • UID34985
  • 注册日期2010-12-29
  • 最后登录2023-11-13
  • 发帖数2039
  • 经验655枚
  • 威望0点
  • 贡献值364点
  • 好评度69点
写私信
  • 社区居民
  • 忠实会员
1楼#
发布于：2011-09-03 12:35
能用但是看不太懂

1. #nav-bar:hover~#PersonalToolbar,#PersonalToolbar:hover
那个~是干嘛的？

2. #PersonalToolbar和#nav-bar:hover~#PersonalToolbar,#PersonalToolbar:hover两组选择器分别有一对，为什么不写在一起呢？CSS是按顺序读取的吗？）  *实测并没有影响，和我预想的是一样的，CSS并不是顺序执行……大概只是为了逻辑顺序才分开写

3. 我希望弹出的书签靠右对齐，而不是默认的靠左对齐，应该怎么办？如果还有其他定制，比如靠右对齐且与边界留出N个px距离。如果是靠左，那么用margin即可，但是靠右就不会了……求修改  *恩这个自己解决了，加一句right:50px;即可……

总觉得淡入淡出动画有点不流畅……为什么呢，看起来很不爽，有没有其他可供选择的动画效果？ 



#PersonalToolbar {
  visibility: hidden !important;
  opacity: 0;
  -moz-transition-duration: 0.2s;
  -moz-transition-property: visibility, opacity, margin;
  -moz-transition-delay: 0.3s;		/*设置多少秒bookmark消失*/
  position: fixed !important;		/*位置，背景色*/
  right: 150px !important;
  margin: 45px 0px 0px 0px !important;
  background-color: #ddd !important;
}
#nav-bar:hover~#PersonalToolbar,#PersonalToolbar:hover /*地址栏+标签栏为#navigator-toolbox:hover > */
{
  visibility: visible !important;
  opacity: 1;
  -moz-transition-delay: 0.2s;		/*设置多少秒后延迟出现*/
  right: 150px !important;		/*位置*/
  margin: 53px 0px 0px 0px !important;
}


改成这样了，感觉更符合逻辑，不过还是有点迷糊……
意外发现浮动书签很卡，明显现象为，弹出书签文件夹后，书签的fav icon要缓慢地显示，不知道为什么，于是又换回去了……
-いたんですか？ -ええ、ずっと
回复(0) 喜欢(0)
hanange
hanange
火狐狸
火狐狸
  • UID23154
  • 注册日期2008-03-07
  • 最后登录2012-12-18
  • 发帖数104
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
写私信
2楼#
发布于：2011-09-03 12:35
这样的效果么？

  • 图片：2011-09-03_151855.png

回复(0) 喜欢(0)
ginepri
ginepri
小狐狸
小狐狸
  • UID25465
  • 注册日期2008-07-17
  • 最后登录2014-05-01
  • 发帖数29
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
写私信
3楼#
发布于：2011-09-03 12:35
不如自动隐藏侧边栏 
/* 自动隐藏的浮动侧边栏(可调延迟) 宽度可能要自行调整才行*/
 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
 #sidebar-splitter{display:none !Important;}
 #sidebar-box{position:fixed !important; width:233px !important; top:64px; bottom:0px; left: -232px !important;
-moz-appearance: none !important; -moz-transition: left .001s .1s ease-in; padding-right:1px !Important;}
 #sidebar-box:hover { left:0px !important; -moz-transition: left .001s .1s ease-out;}
 #sidebar-header{display: none !important;}
 #sidebar{height:100%; width:100%!important;border-right:2px inset -moz-use-text-color !important;}
回复(0) 喜欢(0)
fire/fox
fire/fox
火狐狸
火狐狸
  • UID32624
  • 注册日期2010-04-21
  • 最后登录2024-05-17
  • 发帖数176
  • 经验173枚
  • 威望0点
  • 贡献值186点
  • 好评度9点
写私信
  • 社区居民
  • 忠实会员
4楼#
发布于：2011-09-03 12:35
标签栏出来后，打开书签文件夹，再让鼠标离开书签位置，会有黑块残留，有鼠标点击动作黑块才消失，不知怎么解决？
win7系统，XP反而不会
回复(0) 喜欢(0)
fire/fox
fire/fox
火狐狸
火狐狸
  • UID32624
  • 注册日期2010-04-21
  • 最后登录2024-05-17
  • 发帖数176
  • 经验173枚
  • 威望0点
  • 贡献值186点
  • 好评度9点
写私信
  • 社区居民
  • 忠实会员
5楼#
发布于：2011-09-03 12:35
可不可以鼠标指向标签栏自动显示和隐藏？因为我把工具栏按钮放进标签栏，没有工具栏了。
没人关注了吗？
回复(1) 喜欢(0)
mianganing
mianganing
小狐狸
小狐狸
  • UID31335
  • 注册日期2009-12-10
  • 最后登录2016-12-23
  • 发帖数18
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
写私信
6楼#
发布于：2011-09-03 12:35
请问如何在你这个脚本的基础上让背景色透明呢？上面有人贴了个图 我想要那个效果。
回复(0) 喜欢(0)
ke691
ke691
小狐狸
小狐狸
  • UID37019
  • 注册日期2011-08-19
  • 最后登录2013-01-31
  • 发帖数10
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
写私信
7楼#
发布于：2011-09-03 12:35
谢谢分享啊，这个脚本比以前的那些好多了
回复(0) 喜欢(0)
ke691
ke691
小狐狸
小狐狸
  • UID37019
  • 注册日期2011-08-19
  • 最后登录2013-01-31
  • 发帖数10
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
写私信
8楼#
发布于：2011-09-03 12:35
war132553：之前看过论坛里很多关于自动隐藏书签栏的帖子，总有部分不完美，例如：
1，不能设置延迟hover时间，导致一移动鼠标就弹出来。希望正常移动不会造成弹出
2，bookmark弹出后页面跳动，希望弄成悬浮出现。
3，hover到标签栏和地址栏时都弹出。希望可以只hover地址栏时弹出（之前一位朋友也求过）。

折腾了大半天，结合了好多人的脚本，如下，感觉已经挺完美的了。

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


#PersonalToolbar {
  visibility: hidden !important;
  opacity: 0;
  -moz-transition-duration: 0.3s;
  -moz-transition-property: visibility, opacity, margin;
  -moz-transition-delay: 1s}       /*设置多少秒bookmark消失*/

#nav-bar:hover~#PersonalToolbar,#PersonalToolbar:hover /*此处为hover地址栏自动弹出bookmark，若想hover地址栏+标签栏，请改#navigator-toolbox:hover > */
{
  visibility: visible !important;
  opacity: 1;
  -moz-transition-delay: 0.4s}   /*设置多少秒后延迟出现*/

#PersonalToolbar {
  position: fixed !important;
  margin-top: 40px !important}
  
#nav-bar:hover~#PersonalToolbar,#PersonalToolbar:hover /*此处为hover地址栏自动弹出bookmark，若想hover地址栏+标签栏，请改#navigator-toolbox:hover > */
{
  margin-top: 52px !important}
  
#main-window[stylish-url="about:addons"] #PersonalToolbar {
  margin-top: 25px !important;
  background: transparent !important; border: none !important}

#main-window[stylish-url="about:addons"] #PersonalToolbar {
  display: none !important}


#PersonalToolbar {
  background-color: #e6e7e7 !important;
}
回到原帖

鼠标到工具栏也会弹出书签，要怎么才能只在地址弹出 啊？
回复(0) 喜欢(0)
fcymk2
fcymk2
小狐狸
小狐狸
  • UID22727
  • 注册日期2008-01-23
  • 最后登录2016-11-13
  • 发帖数46
  • 经验26枚
  • 威望0点
  • 贡献值16点
  • 好评度1点
写私信
9楼#
发布于：2011-09-03 12:35
很好用啊, 感谢楼主
回复(0) 喜欢(0)
asdf123456
asdf123456
千年狐狸
千年狐狸
  • UID32588
  • 注册日期2010-04-16
  • 最后登录2020-02-17
  • 发帖数1088
  • 经验299枚
  • 威望0点
  • 贡献值50点
  • 好评度10点
写私信
  • 社区居民
  • 忠实会员
10楼#
发布于：2013-12-30 13:48
效果变成这样了，有点影响页面浏览。。。

  • 图片：效果图.jpg

回复(0) 喜欢(0)
asdf123456
asdf123456
千年狐狸
千年狐狸
  • UID32588
  • 注册日期2010-04-16
  • 最后登录2020-02-17
  • 发帖数1088
  • 经验299枚
  • 威望0点
  • 贡献值50点
  • 好评度10点
写私信
  • 社区居民
  • 忠实会员
11楼#
发布于：2013-12-30 14:21
fire/fox：可不可以鼠标指向标签栏自动显示和隐藏？因为我把工具栏按钮放进标签栏，没有工具栏了。
没人关注了吗？回到原帖
52px  改成0px
回复(0) 喜欢(0)
eagle5678
eagle5678
千年狐狸
千年狐狸
  • UID4956
  • 注册日期2005-04-10
  • 最后登录2023-04-02
  • 发帖数1247
  • 经验204枚
  • 威望0点
  • 贡献值120点
  • 好评度3点
写私信
12楼#
发布于：2013-12-31 15:14
不能像chrome那样新建标签页出现吗
回复(1) 喜欢(0)
FirefoxJr
FirefoxJr
小狐狸
小狐狸
  • UID39957
  • 注册日期2013-10-17
  • 最后登录2014-11-29
  • 发帖数3
  • 经验47枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
写私信
  • 社区居民
  • 忠实会员
13楼#
发布于：2013-12-31 15:53
回复(1) 喜欢(0)
eagle5678
eagle5678
千年狐狸
千年狐狸
  • UID4956
  • 注册日期2005-04-10
  • 最后登录2023-04-02
  • 发帖数1247
  • 经验204枚
  • 威望0点
  • 贡献值120点
  • 好评度3点
写私信
14楼#
发布于：2014-01-02 10:02
FirefoxJr：http://userstyles.org/styles/45803/selectively-show-bookmarks-toolbar回到原帖
这个不是层浮的，
回复(0) 喜欢(0)
上一页
游客

关于FirefoxMozilla 技术支持谋智中国手机版(Beta)了解 Mozilla

返回顶部