Groß- bzw. Kleinschreibung können auch relevant sein.
Das hättest Du mir auch schon vor langer, langer Zeit sagen können. Hier gibt es "FoxIcons", "FoxBilder", und alle Icons werden für die Menüs, das Hamburger, u.a. hieraus bezogen, und noch nie Schwierigkeiten damit gehabt.
Hat die Benutzung von Grossbuchstaben einen Einfluss auf CSS oder Dateipfade ?
Konnte ich noch nicht beobachten .
Hier noch das Skript mit etwas 'allgemeinerem Setting' (eingebautes Icon/Startwert für Leiste usw.), wenn das irgendwer sonst noch (außer Mira_Belle) nutzen möchte :
JavaScript// JavaScript Document //Button_PersonalToolbar.uc.js (function ptbut() { if (location != 'chrome://browser/content/browser.xul' && location != 'chrome://browser/content/browser.xhtml') return; const startVisibility = 'collapse'; //'visible' oder 'collapse' let autoCloseTime = 5000; // 0 = kein Auto-Close / >0 Zeit in Millisekunden let intervalID = 0; try { CustomizableUI.createWidget({ id: 'PersonalToolbar-button', type: 'custom', defaultArea: CustomizableUI.AREA_NAVBAR, onBuild: function(aDocument) { var toolbaritem = aDocument.createXULElement('toolbarbutton'); var currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/"); var buttonicon = "toolbar.png" var props = { id: 'PersonalToolbar-button', class: 'toolbarbutton-1 chromeclass-toolbar-additional', removable: true, label: 'Toggle', tooltiptext: 'Lesezeichenleiste ein-/ausblenden', style: 'list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAZlBMVEUAAADq9v/q9v/e5/Pk7vnl8Pr+//+4vLycoqL+///e5vPc5PG4vLycoqK4vLwAAABaoLD////q9v+4vLycoqI/VVlbeYDc5PDm8vvc5PHk7fnh6/be5/N0z+Py8u7AxMSxtrajqKj3fI9qAAAAEHRSTlMAzH/Mf8zMzMx/f39/f3wiqd97RQAAAHFJREFUGNOFzNkOhCAMheHOMIu7lCIi4Pb+LymLRu78kt78OSk86yj3b2DF3K+EVUTDwIPXG7YrzF4KRGmBGBe7QBRC30FqIq1DUIrz7wekQTTGxKcpWCJr7RmYD25ZnHMqYRXI0ZvCeSOroZe5ooVHBzl9Dd2iUw4kAAAAAElFTkSuQmCC)', }; for(var p in props) toolbaritem.setAttribute(p, props[p]); return toolbaritem; } }); CustomizableUI.registerToolbarNode(tb); } catch(e) { }; if( startVisibility === 'visible' || startVisibility === 'collapse' ) { document.getElementById('PersonalToolbar').style.visibility = startVisibility; } else { document.getElementById('PersonalToolbar').style.visibility = 'visible'; } document.getElementById('PersonalToolbar-button').addEventListener( "click", onClick ); document.addEventListener('keydown', (event) => { // Mac : Funktion wird ausgeführt, wenn Shift + Cmd + b gedrückt wird //if (event.shiftKey /*&& event.metaKey */&& event.key == 'b') { if( event.key == "b" && event.ctrlKey && event.shiftKey) { onClick(event); } }, false); function onClick(aEvent) { let persToolbar = document.getElementById('PersonalToolbar'); if (persToolbar.style.visibility == "") { persToolbar.style.visibility = "collapse"; } else if (persToolbar.style.visibility == "visible") { persToolbar.style.visibility = "collapse"; } else if(persToolbar.style.visibility == "collapse") { persToolbar.style.visibility = "visible"; if(!intervalID && autoCloseTime) { intervalID = aEvent.target.ownerGlobal.setInterval( autoClose, autoCloseTime ); } } } function autoClose() { if( intervalID ) { let persToolbar = document.getElementById('PersonalToolbar'); if( persToolbar.style.visibility == "visible") { persToolbar.style.visibility = "collapse"; clearInterval(intervalID); intervalID=0; } } } })();
Super, vielen Dank für die Extrafunktion ! 
Nur eines sollte unbedingt raus, bzw. geändert werden , Zeile 54 abwärts, das Tastaturkürzel für Mac sollte so auf keinen Fall benutzt werden .
Damit steuert man - am Mac - das generelle Verstecken der Lesezeichenleiste in FF - was im Zusammenhang mit dem Script zu Problemen führt .
Das Tastaturkürzel hatte ich dummerweise am Anfang mal ins Spiel gebracht, zwar dann in einem Posting korrigiert mit eurer Hilfe , aber das ist wohl untergegangen .
Die Sache wird um die verlinkte Post herum beschrieben .
Ich poste hier mal lieber kein komplettes Script, um nicht noch weitere Fehler zu verbreiten ; jedenfalls benutze ich am Mac inzwischen den Schnipsel hier :
// Mac German keyboard shortcut Cmd + <
if (event.metaKey && keyName == '<') {
onClick(event);
}
}, false
);Die Konflikte zw. Script und der originalen FF Lesezeichenleiste zeigen/verstecken Funktion treten übrigens nicht auf, wenn man statt mit style.visibility mit zB style.height und Pixelwerten arbeitet , oder eben mit PersonalToolbar.classList.toggle , wie hier .
Aber das nur so als Gedanken am Rande, will nicht noch mehr verwirrenden Kram hier reinbringen . 
Alles anzeigenUnd wenn du sie gleich nur bei hover einblendest?
Erspart dir 1 - 2 Klicks dann.
Eine nette Idee und Danke dafür, aber ...
bei mir liegt die Lesezeichenleiste zwischen Adressbar und Tableiste.
Auch habe ich den einen oder anderen Button auf die Adressleiste ganz rechts angepinnt.
Wenn ich also, und was ich recht oft mache, mit der Maus da oben rumfuchtele,
würde dauernd die Lesezeichenleiste eingeblendet werden.
Es wäre also nach meinem Wunsch nur ein Klick die Lesezeichenleiste einzublenden,
die Aktion auszuführen, die ich will, und dann verschwindet die Leiste wieder ganz von selbst.
So jedenfalls der Plan.
Hmmja, via hover aktivierte Leisten sind oft nicht praxisgerecht, und wenn der Aktivierungsbereich in einem weiten, viel benutzten Bereich liegt ziemlicher Unsinn .
Eine Lösung für einen Timer wie Du ihn beschreibst hab ich leider nicht parat ; evtl. hilft meine aktuelle Variante zum Ein-/Ausblenden der Lesezeichenleiste dabei .
Die erlaubt immerhin CSS transitions ; man kann auch einfach die unteren paar Zeilen davon im Script von Brokenhearts benutzen, in Austausch mit allem ab function onClick(aEvent), wenn man seine Tastaturkürzel und Icon weiter benutzen will .
Javascript :
//Toggle PersonalToolbar
(function ptbut() {
if (location != 'chrome://browser/content/browser.xul' && location != 'chrome://browser/content/browser.xhtml')
return;
try {
CustomizableUI.createWidget({
id: 'PersonalToolbar-button',
type: 'custom',
defaultArea: CustomizableUI.AREA_NAVBAR,
onBuild: function(aDocument) {
var toolbaritem = aDocument.createXULElement('toolbarbutton');
var props = {
id: 'PersonalToolbar-button',
class: 'toolbarbutton-1 chromeclass-toolbar-additional',
removable: true,
label: 'Toggle',
tooltiptext: 'Toggle Bookmarktoolbar',
};
for(var p in props)
toolbaritem.setAttribute(p, props[p]);
return toolbaritem;
}
});
} catch(e) { };
document.getElementById('PersonalToolbar-button').addEventListener( "click", onClick );
document.addEventListener('keydown', (event) => {
var keyName = event.key;
// Mac German keyboard shortcut Cmd + <
if (event.metaKey && keyName == '<') {
onClick(event);
}
}, false
);
function onClick(aEvent) {
PersonalToolbar.classList.toggle("low-mode");
}
})();CSS ( toolbar.png Icon im chrome Ordner; Höhe anpassen nach Wunsch, Startzustand festlegen durch Austausch von hier 24px und 0px in den beiden --uc-personalbar-height Regeln ) :
#PersonalToolbar-button .toolbarbutton-icon {
list-style-image: url("toolbar.png") !important;
}
#PersonalToolbar:not([customizing]) {
--uc-personalbar-height: 24px !important;
height: var(--uc-personalbar-height) !important;
min-height: 0 !important;
transition: all 0.25s ease !important;
}
#PersonalToolbar.low-mode {
--uc-personalbar-height: 0px !important;
}
linken Leiste hast du mehr Button als in der rechten
das füllt sich auch sicher noch
Du weisst aber schon, dass man unten auch noch eine Zusatzleiste reinbasteln kann ?!
Prima dass Dein altes Avatar wieder da ist übrigens, ich hab jedesmal eine Heiden-Spass daran . 
Ich weiss.. ich mach es zum schauen ob ich fähig bin es zu machen.
Komplett OT : Oh nein, wieso hast Du Dein Avatar geändert ? 
Die Katze mit Kopfhörer hat super gute Laune gemacht ...
/OT off, ich geh dann mal nach hinten raus ....
Prima dass es jetzt geklappt hat, und wieder was dazugelernt !
Vertikale Leisten sind ja mein Steckenpferd, die Sidebar kann ich einfach nicht leiden ...
ich hab ab Zeile 184 das hier:
CSSaddonbar_v2_style ='\ #addonbar_v2 { \ -moz-appearance: none !important; \ background-color: var(--toolbar-bgcolor); \ background-image: var(--toolbar-bgimage); \ background-clip: padding-box; \ color: var(--toolbar-color, inherit); \ } \sollte das nicht automatisch die Leiste rot machen? oder hab ich die ganze Zeit was falsch verstanden?
Das macht die Leiste nur dann rot, wenn Du --toolbar-bgcolor auf hoher Ebene als rot festgelegt hast .
Es ist eine Variable die entweder selber definiert sein muss oder es wird die FF Standardeinstellung benutzt .
Weil Du das aber anscheinend anders regelst für den Rest Deiner Toolbars ( mach ich auch), und eine klitzekleine Kleinigkeit vergessen hast zu erwähnen - dass nämlich Deine linke Zusatzleiste individuell mit CSS eingefärbt war - haben wir uns hier unnötig im Kreis gedreht . 
Wie Andreas gezeigt hat, kannst Du die gewünschte Farbe direkt in das Script schreiben , oder eben mit CSS überschreiben - wie in der ursprünglich nicht erwähnten Art die Du davor benutzt hast .
In Deinem Script von hier ist in Zeile 84 einmal #addonbar_v , was aber #addonbar_v2 sein sollte .
hab vorher durchgeschaut alle addonbar_v und alle toolbox_abv und hab gemerkt, dass 1 addonbar_v vergessen habe ein 2 zu setzen und es schon gemacht. Danke.
aber es lag nicht an dem.
Was lag nicht an dem ? Mit der kleinen Änderung hat sich bei mir die rechte Zusatzleiste im Anpassen Fenster gezeigt, ohne zeigt sie sich nicht . 
Auf die Hintergrundfarbe hat es aber keinen Einfluss .
Wie legst Du denn die rote Hintergrundfarbe fest für die anderen Teile Deiner Toolbars, mit welcher CSS Regel(n) ?
Danke, dass du das gefragt hast. Hab jetzt nachgeschaut und eine CSS gefunden, in dem ich den hintergrund für die linke vertikale leiste selber eingefärbt habe. Hab jetzt das gleiche für die rechte vertikale leiste gemacht.
Das heisst also, dass bei mir die leisten nicht automatisch rot werden.
Na also, geht doch !
hmm.. ich hab jetzt festgestellt, dass im anpassungs-fenster die rechte leiste auch nicht angezeigt wird.
In Deinem Script von hier ist in Zeile 84 einmal #addonbar_v , was aber #addonbar_v2 sein sollte .
Hab jetzt mal die linke rausgenommen und nur das rechte gelassen aber hat sich nichts geändert, funkt immer noch nicht. ich weiss jetzt nicht mehr was ich machen kann. bin hilflos..
Nana, das wird schon .
Wie legst Du denn die rote Hintergrundfarbe fest für die anderen Teile Deiner Toolbars, mit welcher CSS Regel(n) ?
ich hab jetzt die original-code die für linke vertikale leiste funkt umgeändert für rechts funkt aber immernoch nicht.
also die Leiste ist rechts was ok ist. der icon von der leiste hat keinen grauen hintergrund was auch ok ist.
aber die Leiste wird nicht automatisch wie die auf der linken seite rot.
Hmm, komisch ...
Dein Script funktioniert bei mir für die Hintergrundfarbe in beiden Leisten ; wenn die Farbe in keiner der Leisten funktionieren würde wäre das ja nachvollziehbar , aber beide benutzen background-color: var(--toolbar-bgcolor) für die jeweiligen IDs , und die Scripts sprechen (bei mir) auch beide an .
Vielleicht könntest Du probieren das Script für die linke Leiste zum testen mal rauszunehmen, auch wenn ich mal annehme dass Du das nicht verändert hast , und dass kein anderes CSS existiert das spezifisch nur die originale linke Zusatzleiste steuert .
Als Krücke sollte auch CSS funktionieren, evtl. sowas :
#addonbar_v2 {
-moz-appearance: none !important;
background-color: red !important;
}Was die Hintergrundfarbe der neuen Leiste angeht , bei mir - und zumindest mit der Variante die ich oben gepostet hatte - passen sich beide Zusatzleisten an die allgemeine Toolbarfarbe an .
Besten Dank. Das tut auch die, die ich für die linke Seite benütze auch. Werde morgen das Ändern und schauen.
Gerne doch .
Zum Einfärben beider Zusatzleisten funktioniert bei mir übrigens deine Scriptversion von oben auch, also zumindest in dem Punkt sollte da eigentlich kein Problem sein .
Kommt in den besten Familien vor .
Was die Hintergrundfarbe der neuen Leiste angeht , bei mir - und zumindest mit der Variante die ich oben gepostet hatte - passen sich beide Zusatzleisten an die allgemeine Toolbarfarbe an .
Der Script Code den Du oben gepostet hast ist ohne die Änderungen von Andreas für die Buttons und ihr aktiv bzw. hover Verhalten .
Es ist das Script das 2002Andreas gepostet hat, die benütze ich auch für auf der linken Seite. ich hab nur in diesem Script die addonbar_v zu addonbar_v2 geändert und die toolbox_abv in toolbox_abv2 geändert, damit ich es benützen kann.
Und die Zeilen 229 und darunter von hier haben also die selben Einträge wie der korrespondierende Code von Andreas ?
Den Iconhintergrund hat Andreas auf der letzten Seite schon erläutert, zB hier ; der Leistenhintergrund in deiner ersten Leiste ist ja rot, sollte in der neuen Leiste dann eigentlich auch so sein .
Ich benütze ja diese Code, die 2002Andreas dort teilte. Hab die Code noch geändert, damit ich die gleiche Leiste auch auf der rechten Seite habe.
Der letzte Script Code den Du oben gepostet hast ist ohne die Änderungen von Andreas für die Buttons und ihr aktiv bzw. hover Verhalten .
Persönlich würde ich die potthässlichen Buttons eh aus dem Script löschen, und über CSS einbauen , geht auch ohne Drama .
Hier ist mal die Code, evtl kann jemand helfen den Fehler zu finden.
1. Wäre froh wenn die Leiste auf der rechten Seite wäre.
2. Die Farbe der Leiste wie beim Leiste auf der linken Seite auch automatisch rot wird.
3. Dass der Hintergrund des Icons von der Leiste nicht immer grau ist, als ob es immer auf Hover wäre.
Besten Danke im Voraus..
Einige Antworten haben sich wohl überschnitten ; hast Du die Lösungen aus den letzten Beiträgen mal probiert ?
Den Iconhintergrund hat Andreas auf der letzten Seite schon erläutert, zB hier ; der Leistenhintergrund in deiner ersten Leiste ist ja rot, sollte in der neuen Leiste dann eigentlich auch so sein .
aber die vertikale Leiste ist auch auf der linken Seite.
Du hast das → var addonbar_v_on_the_left auch auf false geändert?
Bei mir ( Mac ) funktioniert die Leiste rechts nur wenn ich zusätzlich noch var insert_before_borders = true setze .
Nur für eine schnellen Test habe ich mal ziemlich genau das gemacht, was Darkness inzwischen auch schon vorgeschlagen hat .
Hier sind einfach die IDs etc. umbenannt ( überall Rex angehängt ), die Einträge ziemlich am Anfang für var addonbar_vRex_on_the_left = false und - in meinem Fall muss ich das auch mit ändern - var insert_before_borders = true gesetzt .
Und es taucht damit eine zweite Leiste rechts auf , auch mit eigenem Button .
Zusätzlich zum originalen Script könntest Du das mal ausprobieren, mit einem unterschiedlichen Scriptnamen natürlich, und schauen ob's funktioniert .
//Test second toolbar right
// 'Vertical Add-on Bar' script for Firefox 60+ by Aris
//
// no 'close' button
// 'toggle' toolbar with 'Ctr + Alt + /' on Windows/Linux or 'Cmd + Alt + /' on macOS
// optional toggle button hides the toolbar temporarily, it gets restored on every restart
// 'Vertical Add-on Bar' entry is only visible in toolbars context menu when in customizing mode
//
// flexible spaces on toolbar work 'vertically'
// toolbar can be on the left or on the right
// toolbar is display horizontally in customizing mode
// [!] Fix for WebExtensions with own windows by 黒仪大螃蟹 (for 1-N scripts)
Components.utils.import("resource:///modules/CustomizableUI.jsm");
var {Services} = Components.utils.import("resource://gre/modules/Services.jsm", {});
var appversion = parseInt(Services.appinfo.version);
var AddonbarVerticalRex = {
init: function() {
if (appversion >= 76 && location != 'chrome://browser/content/browser.xhtml')
return;
/* blank tab workaround */
try {
if(gBrowser.selectedBrowser.getAttribute('blank')) gBrowser.selectedBrowser.removeAttribute('blank');
} catch(e) {}
var addonbar_vRex_label = "Vertical Add-on Bar"; // toolbar name
var button_label = "Toggle vertical Add-on Bar"; // Toggle button name
var addonbar_vRex_togglebutton = true; // display toggle button for vertical toolbar (true) or not (false)
var addonbar_vRex_on_the_left = false; // display vertical toolbar on the left (true) or the right (false)
var insert_before_borders = true; // may not always offer a visible change
var style_addonbar_vRex = true; // apply default toolbar appearance/colors to vertical add-on bar
var addonbar_vRex_width = "30px"; // toolbar width
var compact_buttons = false; // compact button size (true) or default button size (false)
try {
if(document.getElementById('toolbox_abvRex') == null && document.getElementById('addonbar_vRex') == null) {
if(appversion <= 62) var toolbox_abvRex = document.createElement("toolbox");
else var toolbox_abvRex = document.createXULElement("toolbox");
toolbox_abvRex.setAttribute("orient","horizontal");
toolbox_abvRex.setAttribute("id","toolbox_abvRex");
toolbox_abvRex.setAttribute("insertbefore","sidebar-box");
if(appversion <= 62) var tb_addonbarvRex = document.createElement("toolbar");
else var tb_addonbarvRex = document.createXULElement("toolbar");
tb_addonbarvRex.setAttribute("id","addonbar_vRex");
tb_addonbarvRex.setAttribute("customizable","true");
tb_addonbarvRex.setAttribute("class","toolbar-primary chromeclass-toolbar browser-toolbar customization-target");
tb_addonbarvRex.setAttribute("mode","icons");
tb_addonbarvRex.setAttribute("iconsize","small");
tb_addonbarvRex.setAttribute("toolboxid","navigator-toolbox");
tb_addonbarvRex.setAttribute("orient","vertical");
tb_addonbarvRex.setAttribute("flex","1");
tb_addonbarvRex.setAttribute("context","toolbar-context-menu");
tb_addonbarvRex.setAttribute("toolbarname", addonbar_vRex_label);
tb_addonbarvRex.setAttribute("label", addonbar_vRex_label);
tb_addonbarvRex.setAttribute("lockiconsize","true");
tb_addonbarvRex.setAttribute("defaultset","spring");
toolbox_abvRex.appendChild(tb_addonbarvRex);
CustomizableUI.registerArea("addonbar_vRex", {legacy: true});
if(appversion >= 65) CustomizableUI.registerToolbarNode(tb_addonbarvRex);
if(addonbar_vRex_on_the_left) {
if(insert_before_borders || appversion >= 86) document.getElementById("browser").insertBefore(toolbox_abvRex,document.getElementById("browser").firstChild);
else document.getElementById("browser").insertBefore(toolbox_abvRex,document.getElementById("browser").firstChild.nextSibling);
}
else {
if(insert_before_borders) document.getElementById("browser").appendChild(toolbox_abvRex);
else document.getElementById("browser").insertBefore(toolbox_abvRex,document.getElementById("browser").lastChild);
}
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
try {
if(document.querySelector('#main-window').getAttribute('customizing')) {
document.querySelector('#addonbar_vRex').setAttribute("orient","horizontal");
document.querySelector('#navigator-toolbox').appendChild(document.querySelector('#addonbar_vRex'));
}
else {
document.querySelector('#addonbar_vRex').setAttribute("orient","vertical");
document.querySelector('#toolbox_abvRex').appendChild(document.querySelector('#addonbar_vRex'));
}
} catch(e){}
});
});
observer.observe(document.querySelector('#main-window'), { attributes: true, attributeFilter: ['customizing'] });
try {
Services.prefs.getDefaultBranch("browser.vaddonbar.").setBoolPref("enabled",true);
setToolbarVisibility(document.getElementById("addonbar_vRex"), Services.prefs.getBranch("browser.vaddonbar.").getBoolPref("enabled"));
setToolbarVisibility(document.getElementById("toolbox_abvRex"), Services.prefs.getBranch("browser.vaddonbar.").getBoolPref("enabled"));
} catch(e) {}
if(addonbar_vRex_togglebutton) {
CustomizableUI.createWidget({
id: "tooglebutton_addonbar_vRex", // button id
defaultArea: CustomizableUI.AREA_NAVBAR,
removable: true,
label: button_label, // button title
tooltiptext: button_label, // tooltip title
onClick: function(event) {
var windows = Services.wm.getEnumerator(null);
while (windows.hasMoreElements()) {
var win = windows.getNext();
var vAddonBar = win.document.getElementById("addonbar_vRex");
setToolbarVisibility(vAddonBar, vAddonBar.collapsed);
var vAddonBarBox = win.document.getElementById("toolbox_abvRex");
setToolbarVisibility(vAddonBarBox, vAddonBarBox.collapsed);
Services.prefs.getBranch("browser.vaddonbar.").setBoolPref("enabled",!vAddonBar.collapsed);
if(!vAddonBar.collapsed)
win.document.querySelector('#tooglebutton_addonbar_vRex').setAttribute("checked","true");
else win.document.querySelector('#tooglebutton_addonbar_vRex').removeAttribute("checked");
}
},
onCreated: function(button) {
if(Services.prefs.getBranch("browser.vaddonbar.").getBoolPref("enabled"))
button.setAttribute("checked","true");
return button;
}
});
}
// 'Ctr + Alt + /' on Windows/Linux or 'Cmd + Alt + /' on macOS to toggle vertical add-on bar
var key = document.createXULElement('key');
if(appversion < 69) key = document.createElement("key");
key.id = 'key_toggleVAddonBar';
key.setAttribute('key', '/');
key.setAttribute('modifiers', 'accel,alt');
key.setAttribute('oncommand','\
var windows = Services.wm.getEnumerator(null);\
while (windows.hasMoreElements()) {\
var win = windows.getNext(); \
var vAddonBar = win.document.getElementById("addonbar_vRex");\
setToolbarVisibility(vAddonBar, vAddonBar.collapsed);\
var vAddonBarBox = win.document.getElementById("toolbox_abvRex");\
setToolbarVisibility(vAddonBarBox, vAddonBarBox.collapsed);\
Services.prefs.getBranch("browser.vaddonbar.").setBoolPref("enabled",!vAddonBar.collapsed);\
if(!vAddonBar.collapsed)\
win.document.querySelector("#tooglebutton_addonbar_vRex").setAttribute("checked","true");\
else win.document.querySelector("#tooglebutton_addonbar_vRex").removeAttribute("checked");\
}\
');
document.getElementById('mainKeyset').appendChild(key);
}
} catch(e) {}
// style toolbar & toggle button
var addonbar_vRex_style = '';
var tooglebutton_addonbar_vRex_style = '';
if(style_addonbar_vRex) {
var end_border =' \
#addonbar_vRex { \
-moz-border-end: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important; \
}\
';
if(!addonbar_vRex_on_the_left) {
end_border ='\
#addonbar_vRex { \
-moz-border-start: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important; \
}\
';
}
addonbar_vRex_style ='\
#addonbar_vRex { \
-moz-appearance: none !important; \
background-color: var(--toolbar-bgcolor); \
background-image: var(--toolbar-bgimage); \
background-clip: padding-box; \
color: var(--toolbar-color, inherit); \
} \
#main-window:-moz-lwtheme #addonbar_vRex { \
background: var(--lwt-accent-color) !important; \
} \
#main-window[lwtheme-image="true"]:-moz-lwtheme #addonbar_vRex { \
background: var(--lwt-header-image) !important; \
background-position: 0vw 50vh !important; \
} \
#main-window:not([customizing]) #toolbox_abvRex:not([collapsed="true"]), \
#main-window:not([customizing]) #addonbar_vRex:not([collapsed="true"]) { \
min-width: '+addonbar_vRex_width+'; \
width: '+addonbar_vRex_width+'; \
max-width: '+addonbar_vRex_width+'; \
} \
#main-window[chromehidden="menubar toolbar location directories status extrachrome "] #toolbox_abvRex:not([collapsed="true"]), \
#main-window[chromehidden="menubar toolbar location directories status extrachrome "] #addonbar_vRex:not([collapsed="true"]), \
#main-window[sizemode="fullscreen"] #toolbox_abvRex:not([collapsed="true"]), \
#main-window[sizemode="fullscreen"] #addonbar_vRex:not([collapsed="true"]) { \
min-width: 0px; \
width: 0px; \
max-width: 0px; \
} \
#main-window[customizing] #addonbar_vRex { \
outline: 1px dashed !important; \
outline-offset: -2px !important; \
} \
#addonbar_vRex:-moz-lwtheme { \
background: var(--lwt-header-image) !important; \
background-position: 100vw 50vh !important; \
} \
#addonbar_vRex toolbarbutton, \
#addonbar_vRex toolbar .toolbarbutton-1 { \
padding: 0 !important; \
} \
'+end_border+' \
';
}
if(addonbar_vRex_togglebutton) {
tooglebutton_addonbar_vRex_style ='\
#tooglebutton_addonbar_vRex .toolbarbutton-icon { \
list-style-image: url("chrome://browser/skin/sidebars.svg"); \
fill: green; \
}\
/*#tooglebutton_addonbar_vRex .toolbarbutton-icon { \
list-style-image: url("chrome://browser/skin/forward.svg"); \
fill: red; \
} \
#tooglebutton_addonbar_vRex[checked] .toolbarbutton-icon { \
fill: green; \
} \
#tooglebutton_addonbar_vRex { \
background: url("chrome://browser/skin/back.svg") no-repeat; \
background-size: 35% !important; \
background-position: 10% 70% !important; \
} \
#tooglebutton_addonbar_vRex[checked] { \
transform: rotate(180deg) !important; \
background: url("chrome://browser/skin/back.svg") no-repeat; \
background-position: 10% 30% !important; \
}*/ \
';
}
var compact_buttons_code = "";
if(compact_buttons)
compact_buttons_code = "\
#addonbar_vRex toolbarbutton .toolbarbutton-icon { \
padding: 0 !important; \
width: 16px !important; \
height: 16px !important; \
} \
#addonbar_vRex .toolbarbutton-badge-stack { \
padding: 0 !important; \
margin: 0 !important; \
width: 16px !important; \
min-width: 16px !important; \
height: 16px !important; \
min-height: 16px !important; \
} \
#addonbar_vRex toolbarbutton .toolbarbutton-badge { \
margin-top: 0px !important; \
font-size: 8px !important; \
} \
";
var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
'+addonbar_vRex_style+' \
'+tooglebutton_addonbar_vRex_style+' \
'+compact_buttons_code+' \
'), null, null);
var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
}
}
/* initialization delay workaround */
document.addEventListener("DOMContentLoaded", AddonbarVerticalRex.init(), false);
/* Use the below code instead of the one above this line, if issues occur */
/*
setTimeout(function(){
AddonbarVerticalRex.init();
},2000);
*/Hallo Allen..
ich hab heute versucht, die vertikale Zusatzleiste umzuändern, so dass ich eine 2.te auf der rechten Seite habe, hat aber nicht geklappt. Benützt evtl. jemand diese Leiste doppelt also für rechts und links? Kann er/sie es teilen? oder mir helfen die änderungen richtig zu machen?
Nur mal aus Neugierde, was hast Du denn probiert um eine zweite vertikale Zusatzleiste zu bekommen ?
Es gibt da verschiedene Möglichkeiten - bzw. 2 die ich selber kenne - wobei das Aris Script die einzig mir bekannte Fertiglösung ist .
Wie soll es denn dann in Zukunft hier gehandhabt werden?
Nur meine pers. Meinung!
Wenn in einem Code oder Skript der Urheber steht, dann sollte man ihn nicht absichtlich entfernen.
Sehe ich auch so .
Wenn aber für einen CSS Code oder Script eine Vielzahl an Quellen herangezogen, anteilig benutzt und evtl. modifiziert wurden , dann wäre ein ellenlanges Quellenverzeichnis irgenwann nicht nur hinderlich bei der weiteren Bearbeitung, sondern oft auch nicht mehr relevant bzgl. der Urheberfrage .
Selber poste ich mit meinen kleinen Codeschnipseln idR die Quellen im Forenbeitrag - zur Info und weil es sich so gehört imo - man sollte sich ja nicht mit fremden Federn schmücken .
Wenn man Code 'offiziell' als fertige Lösung verbreitet, und der massgeblich auf komplexen und eigenständigen Lösungen Dritter basiert, dann ist das wieder ein anderes Thema .
