首页>Firefox 专区>Firefox 扩展、插件、脚本和样式>all in one side-bar的侧栏问题，能否浮在网...
回复
« 返回列表
« 上一页 1 2 3 4
cym887
cym887
小狐狸
小狐狸
  • UID35001
  • 注册日期2011-01-01
  • 最后登录2011-04-13
  • 发帖数4
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
写私信
45楼#
发布于：2010-11-10 11:09
额 我的版本是3.6 然后效果是附件那样的 不开工具栏左边也一大块空白

  • 图片：未命名.jpg

回复(0) 喜欢(0)
wang-yh
wang-yh
小狐狸
小狐狸
  • UID34954
  • 注册日期2010-12-25
  • 最后登录2013-04-23
  • 发帖数36
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
写私信
46楼#
发布于：2010-11-10 11:09
这种侧边栏徒占系统资源，显示和隐藏的灵敏度也不高，且都是鸡肋功能，默认工具里书签、历史放图标到工具栏点击后就是侧边栏，根本不用插件。
回复(0) 喜欢(0)
youth9999
youth9999
小狐狸
小狐狸
  • UID6148
  • 注册日期2005-05-19
  • 最后登录2019-05-01
  • 发帖数22
  • 经验30枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
写私信
  • 社区居民
47楼#
发布于：2010-11-10 11:09
alanfly：发个自动隐藏总结版的：
(2010-11-14更新，修正窗口状态下时的一个bug)
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#sidebar-splitter{display:none !Important;}

#sidebar-box{position:fixed !important; top:85px; bottom:0px;
/*下面三个百分比是对应的，最后一个padding-right后面的值越小，感应区域也越小，可以自己调整*/
width:20.01% !important;
left: -20% !important;
-moz-transition: left .2s .4s ease-in !important;
padding-right:0.01% !Important;}
sidebarheader[id^="sidebarheader"],#sidebar-header{width:100%;  -moz-appearance:toolbox !Important; min-width:0px !important; max-width:100% !important;}
sidebarheader[id^="sidebarheader"] label,#sidebar-header label {text-shadow:none !important; color:rgb(0,0,0) !important; }
#sidebar-box>browser {min-width:0px !important; max-width:100% !important;}
#sidebar-box:hover { left:0px !important; -moz-transition: left .2s .1s ease-out !important;}
#sidebar-box>browser[collapsed="true"] {height:0px !important; }
#sidebar-box>browser {height:95% !important; width:100%!important;border-right:2px inset -moz-use-text-color !important; border-bottom:2px inset -moz-use-text-color !important; }
回到原帖


这个总结版在4.9B下不是很给力啊~~大大能不能修改个配合All in one sidebar 使用的总结版本啊~~
回复(0) 喜欢(0)
firefox_userA
firefox_userA
非常火狐
非常火狐
  • UID8049
  • 注册日期2005-08-17
  • 最后登录2025-02-07
  • 发帖数611
  • 经验49枚
  • 威望0点
  • 贡献值12点
  • 好评度2点
写私信
48楼#
发布于：2010-11-10 11:09
/*下面三个百分比是对应的，最后一个padding-right后面的值越小，感应区域也越小，可以自己调整*/
width:25.1% !important;

原来的25.01貌似不能感应了
回复(0) 喜欢(0)
LeoShone
LeoShone
小狐狸
小狐狸
  • UID7490
  • 注册日期2005-07-21
  • 最后登录2020-12-13
  • 发帖数61
  • 经验50枚
  • 威望0点
  • 贡献值26点
  • 好评度1点
写私信
49楼#
发布于：2010-11-10 11:09
youth9999：

这个总结版在4.9B下不是很给力啊~~大大能不能修改个配合All in one sidebar 使用的总结版本啊~~回到原帖


貌似确实在b9下面不可用，麻烦帮忙看看。
回复(0) 喜欢(0)
firefox_userA
firefox_userA
非常火狐
非常火狐
  • UID8049
  • 注册日期2005-08-17
  • 最后登录2025-02-07
  • 发帖数611
  • 经验49枚
  • 威望0点
  • 贡献值12点
  • 好评度2点
写私信
50楼#
发布于：2010-11-10 11:09
非要贴个完整版吗，就是改.01到.1,测试可用 

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#sidebar-splitter{display:none !Important;}

#sidebar-box{
position:fixed !important; top:85px; bottom:0px;/* 高度自行调整 */

/*下面三个百分比是对应的，最后一个padding-right后面的值越小，感应区域也越小，可以自己调整*/
width:20.1% !important;
left: -20% !important;
padding-right:0.1% !Important;
-moz-transition: left .2s .4s ease-in !important;
}
sidebarheader[id^="sidebarheader"],#sidebar-header{width:100%; -moz-appearance:toolbox !Important; min-width:0px !important; max-width:100% !important;}
sidebarheader[id^="sidebarheader"] label,#sidebar-header label {text-shadow:none !important; color:rgb(0,0,0) !important; }
#sidebar-box>browser {min-width:0px !important; max-width:100% !important;}
#sidebar-box:hover { left:0px !important; -moz-transition: left .2s .1s ease-out !important;}
#sidebar-box>browser[collapsed="true"] {height:0px !important; }
#sidebar-box>browser {height:95% !important; width:100%!important;border-right:2px inset -moz-use-text-color !important; border-bottom:2px inset -moz-use-text-color !important; }



不用百分比，直接用像素设置也可以：

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#sidebar-splitter{display:none !Important;}

#sidebar-box{
position:fixed !important; top:85px; bottom:0px;/* 高度自行调整 */

/*下面三个百分比是对应的，最后一个padding-right后面的值越小，感应区域也越小，可以自己调整*/
width:331px !important;
left: -330px !important;
padding-right:1px !Important;
-moz-transition: left .2s .4s ease-in !important;
}
sidebarheader[id^="sidebarheader"],#sidebar-header{width:100%; -moz-appearance:toolbox !Important; min-width:0px !important; max-width:100% !important;}
sidebarheader[id^="sidebarheader"] label,#sidebar-header label {text-shadow:none !important; color:rgb(0,0,0) !important; }
#sidebar-box>browser {min-width:0px !important; max-width:100% !important;}
#sidebar-box:hover { left:0px !important; -moz-transition: left .2s .1s ease-out !important;}
#sidebar-box>browser[collapsed="true"] {height:0px !important; }
#sidebar-box>browser {height:95% !important; width:100%!important;border-right:2px inset -moz-use-text-color !important; border-bottom:2px inset -moz-use-text-color !important; }
回复(0) 喜欢(0)
youth9999
youth9999
小狐狸
小狐狸
  • UID6148
  • 注册日期2005-05-19
  • 最后登录2019-05-01
  • 发帖数22
  • 经验30枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
写私信
  • 社区居民
51楼#
发布于：2010-11-10 11:09
新问题：在b9以后tabontop与否，窗口最大化与否时sidebar-box的top值是不同的，如果区分不同情况下分别设置是不是要写成下面这样分三段？能不能有更简洁的方式，俺是菜菜~~谢谢~~ 
/*最大化窗口时tabontop=true*/
#main-window[tabsontop="true"][sizemode="maximized"] #sidebar-splitter {
  display:none !Important;
}
#main-window[tabsontop="true"][sizemode="maximized"] #sidebar-box {
  position:fixed !important;
  width: 310px !important;
  top: 66px;
  bottom: 0px;
  left: -308px !important;
  -moz-appearance: none !important;
   -moz-transition: left .2s .4s ease-in;
  padding-right:1px !Important;
}
#main-window[tabsontop="true"][sizemode="maximized"] #sidebar-box:hover {
  left: 0px !important;
  -moz-transition: left .2s .1s ease-out;
}
#main-window[tabsontop="true"][sizemode="maximized"] #sidebar-header {
  width: 100%;
}
sidebarheader[id^="sidebarheader"] {
  width: 100%; 
} 
#main-window[tabsontop="true"][sizemode="maximized"] #sidebar {
  height: 98%;
  width: 100% !important; 
  border-right: 2px inset -moz-use-text-color !important;
}

/*最大化窗口时tabontop=false*/
#main-window:not([tabsontop="true"])[sizemode="maximized"] #sidebar-splitter {
  display:none !Important;
}
#main-window:not([tabsontop="true"])[sizemode="maximized"] #sidebar-box {
  position: fixed !important;
  width: 310px !important;
  top: 89px;
  bottom: 0px;
  left: -308px !important;
  -moz-appearance: none !important;
  -moz-transition: left .2s .4s ease-in; 
  padding-right: 0px !Important;
}
#main-window:not([tabsontop="true"])[sizemode="maximized"] #sidebar-box:hover {
  left: 0px !important;
  -moz-transition: left .2s .1s ease-out;
}
#main-window:not([tabsontop="true"])[sizemode="maximized"] #sidebar-header {
  width: 100%;
}
sidebarheader[id^="sidebarheader"] {
  width: 100%; 
} 
#main-window:not([tabsontop="true"])[sizemode="maximized"] #sidebar {
  height: 98%;
  width:100% !important;
  border-right: 2px inset -moz-use-text-color !important;
}

/*非最大化窗口时*/
#main-window:not([sizemode="maximized"]) #sidebar-splitter {
  display:none !Important;
}
#main-window:not([sizemode="maximized"]) #sidebar-box {
  position:fixed !important;
  width:310px !important;
  top:89px;
  bottom:0px;
  left: -308px !important;
  -moz-appearance: none !important;
  -moz-transition: left .2s .4s ease-in;
  padding-right:0px !Important;
}
#main-window:not([sizemode="maximized"]) #sidebar-box:hover {
  left:0px !important;
  -moz-transition: left .2s .1s ease-out;
}
#main-window:not([sizemode="maximized"]) #sidebar-header {
  width:100%;
}
sidebarheader[id^="sidebarheader"] {
  width:100%;
} 
#main-window:not([sizemode="maximized"]) #sidebar {
  height: 98%;
  width: 100% !important;
  border-right: 2px inset -moz-use-text-color !important;
}
回复(0) 喜欢(0)
newuserid
newuserid
小狐狸
小狐狸
  • UID36993
  • 注册日期2011-08-18
  • 最后登录2014-05-15
  • 发帖数1
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
写私信
52楼#
发布于：2010-11-10 11:09
firefox 6.0.1下，各种代码都失效
请帮忙检测一下
回复(0) 喜欢(0)
zds111
zds111
小狐狸
小狐狸
  • UID34704
  • 注册日期2010-11-27
  • 最后登录2020-04-07
  • 发帖数25
  • 经验20枚
  • 威望0点
  • 贡献值10点
  • 好评度0点
写私信
  • 社区居民
  • 忠实会员
53楼#
发布于：2010-11-10 11:09
Re:
alanfly：
在
margin-top:-10px !Important;
后面再加一句
margin-bottom:-10px !Important;
，还有1px的空隙，不知道怎么去掉；
平时看见你的网名都念作叮咚。 回到原帖


用了Tabbed Sidebar——同时打开多个侧边栏https://g.mozest.com/thread-30081-1-2
和你写的总结版:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#sidebar-splitter{display:none !Important;}
#sidebar-box{position:fixed !important; top:64px; bottom:0px;
/*下面三个百分比是对应的，最后一个padding-right后面的值越小，感应区域也越小，可以自己调整*/
width:24.01% !important;
left: -24% !important;
-moz-transition: left .2s .4s ease-in !important;
padding-right:0.01% !Important;}
sidebarheader[id^="sidebarheader"],#sidebar-header{width:100%;  -moz-appearance:toolbox !Important; min-width:0px !important; max-width:100% !important;margin-top:-10px !Important;margin-bottom:-10px !Important;}
sidebarheader[id^="sidebarheader"] label,#sidebar-header label {text-shadow:none !important; color:rgb(0,0,0) !important; }
#sidebar-box>browser {min-width:0px !important; max-width:100% !important;}
#sidebar-box:hover { left:0px !important; -moz-transition: left .2s .1s ease-out !important;}
#sidebar-box>browser[collapsed="true"] {height:0px !important; }
#sidebar-box>browser {height:88% !important; width:100%!important;border-right:2px inset -moz-use-text-color !important; border-bottom:2px inset -moz-use-text-color !important; }

已经加了
margin-top:-10px !Important;
和
margin-bottom:-10px !Important;
,Fx10版显示还是有很大的空格,可以去掉空格吗,thx

图片：@P69[L9%6`6H@DQK$T]]E~G.jpg
回复(0) 喜欢(0)
yd582
yd582
火狐狸
火狐狸
  • UID37521
  • 注册日期2011-10-07
  • 最后登录2013-03-31
  • 发帖数227
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
写私信
54楼#
发布于：2010-11-10 11:09
可不可以只显示书签，其它的什么都不要，可以吗？（搜索，书签工具栏，书签菜单，未分类书签。。。都不要！）
另外，请问宽度是哪一个设置？

  • 图片：QQ截图20120101234315.jpg

火狐中文官网
回复(0) 喜欢(0)
yd582
yd582
火狐狸
火狐狸
  • UID37521
  • 注册日期2011-10-07
  • 最后登录2013-03-31
  • 发帖数227
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
写私信
55楼#
发布于：2010-11-10 11:09
....
怎么没有人回答来着
火狐中文官网
回复(0) 喜欢(0)
上一页 下一页
游客

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

返回顶部