|
阅读：20565回复：55
all in one side-bar的侧栏问题，能否浮在网页上
能不能设置侧栏打开时是浮在网页上，而不是把网页向右推？每次打开侧栏网页都被向右挤，侧栏关闭又恢复，感觉特别扭。。。。。
|
|
|
|
1楼#
发布于：2010-11-10 11:09
这个是悬浮的，不过好像只能4.0用。
Snow Leopard Bookmark/history sidebar | userstyles.org |
|
|
2楼#
发布于：2010-11-10 11:09
楼上的这个脚本不错
|
|
|
3楼#
发布于：2010-11-10 11:09
alanfly：这个是悬浮的，不过好像只能4.0用。  你这个真不错，可以实现跟国产外壳浏览器傲游2，搜狗，360等浏览器一样的浮动且自动隐藏的侧边栏。 |
|
|
4楼#
发布于：2010-11-10 11:09
修改了下这个脚本，侧边栏改成默认样式；
85px需要具体调整。 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#sidebar-box{-moz-appearance: none !important;
border:2px inset -moz-use-text-color !important; }
#sidebar-splitter{display:none !Important;}
#sidebar-box{position:fixed !important; top:85px; bottom:0px;}
#sidebar-header{width:100%; -moz-appearance:none !important;}
#sidebar{height:100%; width:100%!important;} |
|
|
|
5楼#
发布于：2010-11-10 11:09
alanfly：修改了下这个脚本，侧边栏改成默认样式； 你这个非常棒，更简洁，在我这里如果有火狐橙就设为83px,没火狐橙就设为60px。不过浮动侧边栏一定要配合自动隐藏，要不然就没有意义了，以下是我拼凑的自动隐藏代码，不过不知为什么侧边栏滚动条失效了。#bookmarksPanel > hbox { display:none; }
sidebarheader { display: none !important; }
#sidebar-box {min-width:0; max-width:1px!important; overflow-x: hidden !important;}
#sidebar-box:hover {max-width:none!important;}  |
|
|
6楼#
发布于：2010-11-10 11:09
帮你改了个自动隐藏的。 @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; left: -300px !important; -moz-appearance: none !important; -moz-transition: left .2s .4s ease-in; padding-right:55px !Important;}
#sidebar-box:hover { left:0px !important; -moz-transition: left .2s .1s ease-out;}
#sidebar-header{width:100%; -moz-appearance:none !important;}
#sidebar{height:100%; width:100%!important; border-right:2px inset -moz-use-text-color !important;} |
|
|
7楼#
发布于：2010-11-10 11:09
alanfly：  哇，这个超赞的，还有延迟时间，谢谢啦。 |
|
|
8楼#
发布于：2010-11-10 11:09
-
 侧边栏宽度仅有169px，感觉还不错，侧边栏高度不合适修改"85px"，想加大侧边栏宽度，可以同时修改“169px”和“168px”，保持两者相差1px即可，比如修改成“200px”和“199px”：
/* 自动隐藏的浮动侧边栏 */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#sidebar-splitter{display:none !Important;}
#sidebar-box{position:fixed !important; width:169px !important; top:85px; bottom:0px; left: -168px !important; -moz-appearance: none !important; -moz-transition: left .001s .5s ease-in; padding-right:1px !Important;}
#sidebar-box:hover { left:0px !important; -moz-transition: left .001s .3s ease-out;}
#sidebar-header{display: none !important;}
#sidebar{height:100%; width:100%!important;border-right:1px inset -moz-use-text-color !important;}<!-- s8) --><img src="{SMILIES_PATH}/icon_cool.gif" alt="8)" title="Cool" /><!-- s8) --> 无延迟的自动隐藏的浮动侧边栏也整理如下： /* 无延迟的自动隐藏的浮动侧边栏 */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#sidebar-splitter{display:none !Important;}
#sidebar-box{position:fixed !important; width:169px !important; top:85px; bottom:0px; left: -168px !important; -moz-appearance: none !important; padding-right:1px !Important;}
#sidebar-box:hover { left:0px !important;}
#sidebar-header{display: none !important;}
#sidebar{height:100%; width:100%!important;border-right:1px inset -moz-use-text-color !important;} |
|
|
9楼#
发布于：2010-11-10 11:09
我的分辨率是1280×768的，http://userstyles.org/styles/36221这个运行OK，但不太和谐。。。
楼上各位改得使用默认主题的样式，我用了似乎都有问题，请问主要需要调整哪些参数才好： 边框和原来的背景没了 右边有个边界始终在显示 |
|
|
10楼#
发布于：2010-11-10 11:09
firefox_userA：我的分辨率是1280×768的，http://userstyles.org/styles/36221这个运行OK，但不太和谐。。。 left: -300px |
|
|
11楼#
发布于：2010-11-10 11:09
能不能让书签工具栏也实现这种不压缩页面的效果？
 |
|
|
12楼#
发布于：2010-11-10 11:09
just4fun：能不能让书签工具栏也实现这种不压缩页面的效果？ 那要把书签工具栏放在下面或者侧面才可以； 把原来的具体数值改成百分比了， 加了注释。 @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;
/*显示有问题调整下面百分比*/
left: -30% !important;
-moz-appearance: none !important; -moz-transition: left .2s .4s ease-in; padding-right:20% !Important;}
#sidebar-box:hover { left:0px !important; -moz-transition: left .2s .1s ease-out;}
#sidebar-header{width:100%; -moz-appearance:none !important;}
#sidebar{height:100%; width:100%!important; border-right:2px inset -moz-use-text-color !important;} |
|
|
13楼#
发布于：2010-11-10 11:09
刚找到一个，不用放在侧面或下面的
@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 .1s !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;
}
} |
|
|
14楼#
发布于：2010-11-10 11:09
just4fun：刚找到一个，不用放在侧面或下面的  忘记了，这个还是我转过来的。 |
|
上一页
下一页
