推荐脚本better addon-bar, 只显示扩展栏中的状态栏,并且自动隐藏

在不能把扩展栏和导航工具栏合一之前, 暂时用这个了.

效果如图, 鼠标移动上去就会自动弹出来.

#addon-bar {
  position: fixed;
  bottom: -22px;
  right: 1px;
  border: 0 !important;
  -moz-appearance: none !important;
  -moz-transition: bottom .5s 1s ease-in;
  padding-top: 22px !important;
}

#browser-bottombox {
  position: fixed;
}

#addon-bar:hover {
 bottom: 0;
 -moz-transition: bottom .5s .4s ease-out;
}

#main-window[sizemode="maximized"] #addon-bar {
  right: 0;
}

#addon-bar > #status-bar {
  margin: 0 !important;
  padding: 0 2px 0 2px;
  border-radius: 4px 0 0 0;
  border: 0 !important;
  border-left: 1px solid rgba(0,0,0,.25) !important;
  border-top: 1px solid rgba(0,0,0,.25) !important;
  background-color: rgb(207, 219, 236) !important;
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}

咪姆：找到个更好用的
http://userstyles.org/styles/43235/fire ... n-a-corner回到原帖

已换,谢谢  

这代码怎么加哦？？

咪姆：找到个更好用的
http://userstyles.org/styles/43235/fire ... n-a-corner回到原帖

这个很帅，还可以定制

这个很不错

找到个更好用的
http://userstyles.org/styles/43235/fire ... n-a-corner

挖一下  找这个找了一下午

Real_Fiona：

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

@-moz-document url(chrome://browser/content/browser.xul){
/*脚本better addon-bar, 只显示扩展栏中的状态栏,并且自动隐藏*/
#addon-bar {
    position: fixed;
    bottom: -22px;
    right: 1px;
    border: 0 !important;
    padding-top: 10px !important;
    -moz-appearance: none !important;
    -moz-transition: bottom .5s 1s ease-in;
    z-index: 1000 !important;
}

#addon-bar > #status-bar {
    margin: 0 !important;
    padding: 0 2px 0 2px;
    border-radius: 4px 0 0 0;
    border-left: 1px solid rgba(0,0,0,.25) !important;
    border-top: 1px solid rgba(0,0,0,.25) !important;
    background-color: rgb(207, 219, 236) !important;
    background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
}

#browser-bottombox {
    position: fixed;
    bottom: 0px;
    left: 0px;
}

#FindToolbar {
    border-right: 1px solid rgba(0,0,0,.25) !important;
}

#addon-bar:hover {
    bottom: 0;
    -moz-transition: bottom .5s .4s ease-out;
}

#main-window[sizemode="maximized"] #addon-bar {
    right: 0;
}
}

回到原帖

这个帅

b8下工具栏前面多了个关闭按钮，有办法去掉吗？

idragonet：

我的是Firefox 4最新每小时版本在WIN XP下。

我用的完整脚本代码：

/*脚本better addon-bar, 只显示扩展栏中的状态栏,并且自动隐藏*/
#addon-bar {
  position: fixed;
  bottom: -22px;
  right: 1px;
  border: 0 !important;
  -moz-appearance: none !important;
-moz-transition: bottom .1s .2s ease-in;  /*状态栏消失的速度*/
  padding-top: 22px !important;
}


#addon-bar:hover {
 bottom: 0;
 -moz-transition: bottom .5s .4s ease-out;  /*状态栏显示的速度*/
}

#main-window[sizemode="maximized"] #addon-bar {
  right: 0;
}

#addon-bar > #status-bar {
  margin: 0 !important;
  padding: 0 2px 0 2px;
  border-radius: 4px 0 0 0;
  border: 0 !important;
  border-left: 1px solid rgba(0,0,0,.25) !important;
  border-top: 1px solid rgba(0,0,0,.25) !important;
  background-color: rgb(207, 219, 236) !important;
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}

回到原帖

请问要增加触发区域的范围，要修改哪儿。

这个不错，美观

这个太占CPU，还是习惯放到导航工具栏里，并自动隐藏

发现了一个更好的,可以完美的兼容工具栏图标!

这个鼠标滑过时状态栏显示有点迟钝，有时只能显示一半（如下图），但有时又是正常的~~俺比较菜，大侠给俺解释一下这是为啥呢？

mark

发现了一个更好的,可以完美的兼容工具栏图标!


#addon-bar {
  /* Style */
  -moz-appearance: none !important;
  padding: 0 4px 2px 2px;
  border: 0 !important;
  border-top: 20px solid transparent !important;
  border-left: 20px solid transparent !important;
  border-radius: 24px 0 0 0;
  background-color: rgb(207, 219, 236) !important;
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
  background-clip: padding-box;
  box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 0 0 2px rgba(255,255,255,.5) inset;
  
  /* Animation (hiding) */
  position: fixed;
  bottom: -24px;
  right: 30px;
  opacity: 0;
  -moz-transition: bottom 0.1s 0.2s ease-in, opacity 0.05s 0.1s ease-in, right 0.01s 0.25s;
}

/* Animation (showing) */
#addon-bar:hover {
  bottom: -2px;
  right: -2px;
  opacity: 1;
  -moz-transition: bottom .25s .25s ease-out, opacity 0.1s 0.25s ease-out;
}

/***************/
/* Bar Content */
/***************/

/* "Status bar" for addons statuses */
#addon-bar > #status-bar {
  margin: 0 1px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Buttons */
#addon-bar .chromeclass-toolbar-additional {
  vertical-align: top;
}
#addon-bar .toolbarbutton-1 {
  -moz-appearance: none !important;
  padding: 1px 2px !important;
  height: 20px;
  min-width: 18px;
  margin: 1px !important;
}
#addon-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
  padding: 0 1px !important;
}
#addon-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
  padding: 0 2px !important;
}

#addon-bar .toolbarbutton-1:not(:hover),
#addon-bar .toolbarbutton-1[disabled],
#addon-bar .toolbarbutton-1:not(:hover) > .toolbarbutton-menubutton-button,
#addon-bar .toolbarbutton-1[disabled] > .toolbarbutton-menubutton-button,
#addon-bar .toolbarbutton-1:not(:hover) > .toolbarbutton-menubutton-dropmarker,
#addon-bar .toolbarbutton-1[disabled] > .toolbarbutton-menubutton-dropmarker {
  background: transparent !important;
  box-shadow: none !important;
  border-width: 0 !important;
}
#addon-bar .toolbarbutton-1:not(:hover) > .toolbarbutton-menubutton-button,
#addon-bar .toolbarbutton-1[disabled] > .toolbarbutton-menubutton-button {
  border-right: 1px solid transparent !important;
}
#addon-bar .toolbarbutton-1:hover:not([disabled]) {
  padding: 0 1px !important;
}