阅读:3578回复:5
[UserStyle]隔壁一个蛮漂亮的浮动侧栏
转自 mozest ,原帖地址:http://g.mozest.com/viewthread.php?tid=38129&extra=page%3D1%26amp%3Bfilter%3Dtype%26amp%3Btypeid%3D4
代码 /* 浮动侧边书签栏/历史栏 */ #sidebar-box {visibility:collapse!important;position:absolute!important;} #sidebar-box>browser {-moz-appearance: none !important; -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAvCAYAAABAHIylAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAUlSURBVHja7JtPaBRXHMc/781OdnXNqinVlphK4iJoQWiLGIjgLV6UEBFLEcFzLr0JihdB8OjNkwdBWCkKIejFXIKYQkR6CS2Gsv5rjE0sSN11kzWz814P+ya+vMxGL4Xdzfzgx7x9O4edD9/fmzfz+67QWrNeCCGEO9Vg3MyhG4zRnwAg4r53oAgniRm3AhwdM7bnYmGtAWTBiSBI6yiduWaH5AJR1lE5czoO0ipAFhwbhGeltI4upGZWkA0ltI6h9Tk6ZxWkFUAOnChTVmaAHcBWIAukY8qtWeEAfAAqwDvgDVAFalYqK1cgCa11HBzPQPGBDuBrz/P6BgcH1aFDh6pHjx4t9/f3V2mhmJqayty/f7/z0aNHmfHxcRmG4TPgb2AZCAyk0IVkAxKOajqMSvbm8/kdV65c+efkyZNl2iDu3LnTef78+S+LxeIb4E+jrmVHTdoFFCknUk0G6NmzZ09vsVgsAoyMjBwYHx8fLpVKfUEQdLUSFN/33+ZyuWeDg4Oj165dmwbI5/P5p0+fPgdmTclFagoBpbXW9u3bs5STAbZ6nvdDoVCYP3XqVOnw4cM/Pnny5KdUKrUspQyFELqVAGmthVLKq9VqHfv27bs1OTn5S6FQyJ0+ffor4DezNlUtJYWA9pxbuG/KKgPsPnHiRPrSpUsLIyMjByYmJn5Op9NLUkq1du/Y/CGEQEqpPM+rzc/Pf//69evfz507Nzs9Pb1lZmYmBZSchVoDWlp3IumoqGtgYKAMcO/evTO+739oNdU0AKV93/8wNjZ2BmBgYKACbDfXnLK2MQJnL+MC6jx+/HgJoFKp9EgpQ9okpJRhuVzeDTA0NPQOyK0HCKfMIkjpfD4fACilsu2gHltFSqmsWaiDGDgrwpHOM5cNyGPjRCpOPa6ChLOL3kiAPOfahbsGxUESGwiQaPB8KaTzNB73amOjAIp7pYNc50XYRgS0hoUkifW3BAmCBFACKAGUAEoAJYASQAmgJBJACaD/F5DrgNAbiIOmgQNEOhO24yGcmZnpAJBSVkyLqG2e3oUQSwAvXrzwWW1gsFkgiXdAKKA6Nja2DSCbzc4qpdrmDWMYhl4ul3sOUCgUvgAWcdo9ERPZAI4C3k9OTnYBHDt27GYQBOl2UJHWWgRBkB4aGroJ8PDhw+3UTQ0qDpLdOIwsLpFpQRSLxXxvb++7CxcuvLx7965eWFj4TgihTbYcGKVUKgiCzP79+2/dvn174vr1611Xr17tA54B71nbWVVuTz4DbAY6qdtcdu/atWvn7Ozsr7CqN58PgmBbKwHyff/fXC5XtHvzPT09A69evVoAXlJvPZdNuVUxjg+3L58GNlH3/+RM7u3u7s5evnz5j7Nnz75thzXoxo0bXRcvXvx2bm6uQt3dUTJZAZaouz1qQOh2VSPjwiZgi1FSJ9Atpfymv79/4eDBg2+Hh4ffHDlyZLGVoDx48GDz6OjojsePH3dNTU3tVEr9BcwZ1ZRNiS1ZZbZSYo3cHZsNpKzJLdQdZjnzXQfN7VN0787LpnxK1B1m741iKma8GLMG6ZTWOlpwI99ezZwkrW2AMvNVPrZpU6ztqzUroOj3R9dWNWpZdFRju8z05zrMMlZ2NADU7B5FF1AEKcrPcphBY49ilL5J2/XaKgqKHK2ByWUr1/coRntvB5LrcvX52OC3e9nQ/D5p5UCqWVA+7XI1+wRqtVrik6aBT9r3fQAbUuK0jwPkQLJBbez/atiA7HBguUDa/t8+/w0Aop+YsD/C4DEAAAAASUVORK5CYII=") 13 13 15 / 14px 13px 15px repeat stretch !important; -moz-window-shadow: none !important; background: none !important; color: #ffffff !important; opacity: 0.95 !important; left:-260px !important; width:265px !important; height:500px !important; visibility:visible! important; position:relative !important; top: 20% !important;} #sidebar-box:hover>browser {left:0px !important;} #sidebar-header{width:100%;background-color:transparent!important;-moz-appearance:none !important} #sidebar-splitter {display:none !important;} #bookmarksPanel *,#history-panel *{background-color:transparent !important} #bookmarksPanel ,#history-panel{background-color:transparent !important} #bookmarksPanel ,#history-panel{color:#ffffff !important} /*#bookmarksPanel *,#history-panel *{color:#ffffff !important}*/ /* SELECTED ROW */ #bookmarksPanel treechildren::-moz-tree-row(selected), #history-panel treechildren::-moz-tree-row(selected) { background: -moz-linear-gradient(top, #6f81f5, #364cec) !important; border: none !important; color: #fff !important; } /* SIDEBAR TREE */ #bookmarksPanel treechildren, #history-panel treechildren { color: #eee !important; } /* DISCLOSURE TRIANGLES */ #bookmarksPanel treechildren::-moz-tree-twisty, #history-panel treechildren::-moz-tree-twisty { -moz-appearance: none !important; list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAJCAYAAADHP4f4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADrSURBVHjatJM9TgMxEEafU6WgSEmRAokG5QQoB8ghKDkEJ9lLpKDMGRAV1UopU6AVBV3QxhWPAls4JoYqlj7J8/fNeGaM2qsLlXNhAlwDz0DH/2cLzCrdAMQ/0KPGAjt12ahonXyeKv1KHSuejL264IRhTIQl0bIgOqj32QagbhpJOoCgxkZrdsBNcb8sbB/AHIghBNQp8ApcFD5vIYQrgMkJcoEX4DbJXZWARPaYhRBCBB5SLMAncPfDePy897IVaev2jVaM6uqouu95RXVNZcgBG3VazaJvJMgYKq6Zuv3dGx3Shpztn3wNABJf62ogSXVRAAAAAElFTkSuQmCC") !important; -moz-image-region: rect(0px 7px 9px 0px) !important; width: 7px !important; margin-right: 2px !important; } #bookmarksPanel treechildren::-moz-tree-twisty(open), #history-panel treechildren::-moz-tree-twisty(open) { -moz-appearance: none !important; -moz-image-region: rect(0px 25px 9px 16px) !important; width: 9px !important; margin-right: 0px !important; } |
|
|
1楼#
发布于:2011-06-27 19:12
确实挺漂亮的,我以前装过一个扩展也能实现这样的透明效果,叫omnisidebar。
https://addons.mozilla.org/en-US/firefo ... nisidebar/ |
|
|
2楼#
发布于:2011-06-27 19:12
你这个不是浮动的啊。
|
|
|
3楼#
发布于:2011-06-27 19:12
新人求教,这个要怎么弄?
看上去是很好看,可是我不知道要把这个代码复制到哪里? |
|
4楼#
发布于:2011-06-27 19:12
先打开侧栏功能,然后把代码弄到userChrome.css里就行了
|
|
5楼#
发布于:2011-06-27 19:12
omnisidebar的侧边栏是浮动的,请查看截图
|
|
|