Hallo, Freunde der Nacht. 
Ich habe heute ein wenig experimentiert und mir eine vertikale Icon-Leiste gebastelt.
Das schaut momentan so aus:
[attachment=1]screen.PNG[/attachment]
Hier ist die Leiste einreihig, aber man kann sie auch mehrreihig konfigurieren. ( > var vb_cols = 1; )
An sich gefällt mir das schon ganz gut. Aber noch geiler wäre es, wenn man die Leiste per Drag & Drop verschieben könnte. Leider ist diese Funktion schon belegt und zwar auf die gleiche Weise wie z.B. die Menü-Leiste. Ich habe versucht, das mit einer eigenen Drag & Drop-Funktion zu überschreiben, was mir aber leider nicht gelungen ist.
Durch das Füllen der Leiste mit Icons wird die Höhe der Leiste vergrössert und sie sitzt nicht mehr mittig. Auch das habe ich mit einer onResize-Funktion zu korrigieren versucht, doch auch erfolglos. Wahrscheinlich greift die Funktion nicht im "Anpassen"-Modus. Immerhin sitzt nach einem Neustart des Browsers alles wieder mittig.
Vielleicht hat jemand von euch ein paar Tipps oder Ideen zu meinen Problemchen. :mrgreen:
Hier mal der Code des Scripts (Ich hänge es aber auch als RAR an):
(function() {
if (location != 'chrome://browser/content/browser.xul') {
return;
}
var vb_bg_color = 'rgba( 250 , 250 , 250 , .75 )';
var vb_border_color = 'rgb( 255 , 255 , 255 )';
var vb_cols = 1;
var vb_h = window.outerHeight;
var vb_minH = vb_h/10;
var vb_maxH = vb_h/2;
var vb_width = 32;
var vb_totalwidth = vb_cols * vb_width;
var vb_style = '\
box-sizing: content-box !important; \
background-color: ' + vb_bg_color + ' !important; \
min-width: ' + vb_totalwidth + 'px !important; \
max-width: ' + vb_totalwidth + 'px !important; \
min-height: ' + vb_minH + 'px !important; \
max-height: ' + vb_maxH + 'px !important; \
position: absolute !important; \
right: 30px !important; \
padding: 10px 0px !important; \
border: 1px solid ' + vb_border_color + '; \
box-shadow: 0px 0px 2px 2px rgba(0,0,0,.25); \
';
var vb_element = document.getElementById('navigator-toolbox');
var vb_toolbar = document.createElement('toolbar');
vb_toolbar.id = 'fp-toolbar';
vb_toolbar.setAttribute('customizable', true);
vb_toolbar.setAttribute('mode', 'icons');
vb_toolbar.setAttribute('style', vb_style);
vb_element.appendChild( vb_toolbar );
CustomizableUI.registerArea( 'fp-toolbar' , { legacy: true } );
setTimeout(function(){
var tmp_element = document.getElementById('fp-toolbar');
var tmp_positionInfo = tmp_element.getBoundingClientRect();
var tmp_height = tmp_positionInfo.height;
var vb_ptop = ( vb_h - tmp_height ) / 2;
tmp_element.style.top = vb_ptop + 'px';
}, 500);
})();Hinweis: Das Script sollte möglichst frühzeitig eingebunden werden, da es die Leiste generiert.
Und anfangs ist da natürlich nur eine leere Box, die ihr dann mit Icons im Anpassen-Fenster füllen müsst.
[attachment=0]vertical-iconbar.rar[/attachment]
