Ich versuch diesen Code Firefox 4 Addonbar in a corner zu benutzen mit den Optionen transparent, rechts, "slide into the side" & "Only the shadow" .
Allerdings musste ich ihn ein bisschen verändern da ich noch den Code Firefox 6 tabs and toolbars transparency verwende der auch schon das aussehen der Addonbar verändert, was irgendwie Probleme gemacht hat.
Auf jeden Fall hab ich es mit der Addonbar genauso hingekriegt wie ich wollte, aber der Code beeinflusst leider auch die Findbar und löst sie vom unteren Bereich ab. Das wäre auch ok, ich würde sie dann in der oberen rechten Ecke platzieren (momentan noch unten Links, weil einfacher). Das eigentliche Problem ist dass der Hintergrund (der Findbar) dann komplett transparent ist.
Zu meiner Frage: kann man den Code so bearbeiten dass entweder die Findbar komplett unberührt bleibt und die Addonbar sich einfach davort schiebt, oder dass der Hintergrund der Findbar den selben Transparenzeffekt hat wie die Addonbar/das restliche Theme?
So sieht der Code aus nachdem ich ihn bearbeitet hab:
/*Firefox 4 Addonbar in a corner */
#browser-bottombox {
position: fixed;
width: auto;
bottom: 0px;
padding-right: 5px;
padding-left: 5px;
padding-top: 1px;
-moz-transition: all 0.25s ease;
}
#addon-bar {
-moz-appearance: menuitem !important;
}
/* Slide effect */
#browser-bottombox {
width:7px;
height:24px;
padding-right: 0px;
padding-left: 0px;
}
#browser-bottombox:hover {
width:auto;
padding-right: 5px;
padding-left: 5px;
}
#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;
}
#FindToolbar {
position: fixed !important;
border-radius: 0 7px 0 0;
bottom:0px;
left:0px;
}
/* Shadoweffect */
#browser-bottombox, #FindToolbar {
-moz-box-shadow: 0 0 5px #000000;
}
/* Everything else */
#addonbar-closebutton {display: 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;
}Und im Anhang noch Screenshots von Addon- & Findbar.