draggerreal
小狐狸
小狐狸
  • UID36066
  • 注册日期2011-04-22
  • 最后登录2020-04-05
  • 发帖数10
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
阅读:2092回复:4

求教隐藏附加组件栏代码修改

楼主#
更多 发布于:2011-05-10 17:04
http://userstyles.org/styles/43235/fire ... n-a-corner
原代码安装选项中只能在隐藏时显示边框或阴影的选项中选择,没有二者都不要的选项,现希望在鼠标未移到右下角时彻底隐藏附加组件栏(即不显示边框或阴影),不知该如何修改,谢谢
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-16
  • 发帖数2767
  • 经验578枚
  • 威望1点
  • 贡献值128点
  • 好评度100点
  • 社区居民
  • 最爱沙发
  • 忠实会员
1楼#
发布于:2011-05-10 17:04
要隐藏Do you want the bar to slide out of view?选择第二个或者第三个就可以了,跟border和shadow无关。
draggerreal
小狐狸
小狐狸
  • UID36066
  • 注册日期2011-04-22
  • 最后登录2020-04-05
  • 发帖数10
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
2楼#
发布于:2011-05-10 17:04
2楼,我是希望在鼠标未移到右下角时彻底隐藏附加组件栏(即不显示边框或阴影),Do you want the bar to slide out of view?我早已选择第二个了,所以你理解的有一点偏差。我是希望在已经把附加组件栏隐藏到右下角时不显示任何边框或阴影,不过还是谢谢你的回复
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-16
  • 发帖数2767
  • 经验578枚
  • 威望1点
  • 贡献值128点
  • 好评度100点
  • 社区居民
  • 最爱沙发
  • 忠实会员
3楼#
发布于:2011-05-10 17:04
明白了,下面这样的效果是吧。

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

#browser-bottombox {
  position: fixed;
  width: auto;
  bottom: 0px;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 1px;
  background: transparent;
  border: 1px solid transparent;
  -moz-transition: all 0.25s ease;
}

@media all and (-moz-windows-theme:aero) {

#browser-bottombox:not(:-moz-lwtheme) {
  background: hsl(214,44%,87%)!important;
}

}


/* Opacity */
/**/

/* Slide effect */
#browser-bottombox {
  bottom: -17px;
  -moz-transition-delay: .5s;
}

#browser-bottombox:hover {
  bottom: 0px !important;
  -moz-transition-delay: 0s;
}

#browser-bottombox > #addon-bar {
  -moz-transition: visibility ease .75s;
}

#browser-bottombox:hover > #addon-bar {
  -moz-transition-delay: 0s;
}

#browser-bottombox > #addon-bar {
  visibility: hidden !important;
}

#browser-bottombox:hover > #addon-bar {
  visibility: visible !important;
}

/* Side */
#browser-bottombox {
  right: 0px;
  -moz-border-radius: 7px 0 0 0;
  background-position: right bottom !important;
  border-bottom: none;
  border-right: none;
}

#addon-bar > #status-bar > .statusbar-resizerpanel {
  position: relative;
  margin-right:-4px;
}

#FindToolbar {
  position: fixed !important;
  border: 1px solid transparent;
  border-top: none; 
  border-radius: 7px 7px 7px 7px;
  background: inherit;
  bottom:34px;
  right:50px;
  background-position: 78% -40px;
}

.statuspanel-label {
  border-bottom-left-radius: 3.3px;
  border-bottom: 1px solid rgb(204, 204, 204) !important;
}

statuspanel:-moz-locale-dir(ltr)[mirror],
statuspanel:-moz-locale-dir(rtl):not([mirror]) {
  bottom: 22px;
}

/* Borders */
#browser-bottombox, #FindToolbar {
  border-color: -moz-ButtonDefault;
}

@media all and (-moz-windows-theme:aero) {

#browser-bottombox, #FindToolbar {
  border-color: rgba(10%,10%,10%,.4);
}

}

/* Everything else */

#addonbar-closebutton {display: none !important;}

@media all and (-moz-windows-theme:luna-blue),(-moz-windows-theme:luna-silver),(-moz-windows-theme:luna-olive),(-moz-windows-theme:zune),(-moz-windows-theme:royale),(-moz-windows-theme:aero),(-moz-windows-classic) {

#addon-bar {
  -moz-appearance: menuitem !important;
}

}

#main-window:-moz-lwtheme #FindToolbar {
  border-top: none!important;
}

#main-window #tab-view-deck #navigator-toolbox[customizing="true"] ~ #browser-bottombox {
  width: auto !important;
  bottom: 0px !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
  opacity: 1 !important;
}

#main-window #tab-view-deck #navigator-toolbox[customizing="true"] ~ #browser-bottombox > #addon-bar {
  visibility: visible !important;
}

#addon-bar[collapsed="true"] {
  display:none !important;
}
draggerreal
小狐狸
小狐狸
  • UID36066
  • 注册日期2011-04-22
  • 最后登录2020-04-05
  • 发帖数10
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
4楼#
发布于:2011-05-10 17:04
谢谢,我用这段代码试了试,但效果还是和没修改时差别不大,从你的效果图上仔细看,发现在右下角滚动条的倒三角处有一条横线,这应该就是我说的阴影。如果配上火狐皮肤就会显示更为明显的带色彩的透明横条图像,而这是我不想要的。另外,在你的图像中,弹出的附加组件栏的边界的上方还有一条横线,形式就像在边界之外又多了一条很细的外框,这个我曾试图把原代码中的带“shadow”和“border……1px”字样的句子删掉,发现可以去掉那个外框(这样显得干净些),但由于我只是乱改,所以也希望能得到指点,非常感谢
游客

返回顶部