Größere Schaltfläche für 'Alle Tabs auflisten'

Migo

Guten Morgen,

habt Ihr eine Idee, wie ich die Schaltfläche 'Alle Tabs auflisten' (siehe Bild) größer/breiter bekommen kann? Also nicht so: [v] sondern so [ v ] ?

Leider kann ich sie in der Nightly auch nicht mehr woanders hin setzen, außer in der obersten Leiste...

Vielen Dank für Tipps und schöne Weihnachten schonmal,
Migo

2002Andreas

Größer wohl nicht..aber austauschen z.B.

[Blockierte Grafik: http://www7.pic-upload.de/thumb/24.12.13/fz178wuettcz.jpg]

CSS

#alltabs-button{
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEM5RUEyNTBBNzNEMTFFMTlDRTRFQzEyQTE0NUIzRDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEM5RUEyNTFBNzNEMTFFMTlDRTRFQzEyQTE0NUIzRDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQzlFQTI0RUE3M0QxMUUxOUNFNEVDMTJBMTQ1QjNEMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQzlFQTI0RkE3M0QxMUUxOUNFNEVDMTJBMTQ1QjNEMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt5Ak8AAAAIYSURBVHjadFO/axRBGH0zs9qEIIoIxioBC0UkhSA2KhJMuqRLEcXOzkqw0UaJlhaCIgj+C0ZCgiFNxCYQQ4iFKQMKiinOTfZyu7e7M+P7Zu/icsnNHczs7Hzv13yr0GeMPV/6UJRuyjkP3/NOa4XjRn9cfnx7KuoHIMXvH01w5oMPf3jvIICRMbj/8tOknIuOYrU8lJcO08/mIWtWAgo4e+4Mhi+M4O7lUwRyOARQZ/WhzgdGR2atNGZezGPhwTUsbmcHNdHY7NJcYd2ktQ55YTH9VFgr9DrrzKWTBAFWf+fYzVxYBwApfvdQWCt/Iq0bmjEadzqsC9spgwNerTZwc2QgBBkARObWTobXc2u4fvUifibt4Fvxd2/0NJlUYN1LHSIWlRZotKiga0GAmrmD4dY+57fjQwf+NnZyHOuw3hgegOFhS8KYFlTXgsxJ5sJdZYXHlx8t5JYKeOLXvg8MjAZ/08q37DfbdQCu4rQKrWDhm7UGvGTB51vnTwQAJ6ypDXa0NmiWNKj0fwW7mVyVogLAWcXrUwEgbtVYcw/NUOOtdcTMp0iTzx0FzIAaJfk2FYhHGdI/cbiuGivn5ScTVzoRxZj1lQLxLoLYCoFN0EK49NrDusJj6/XmiySNzBGd/e3oSxkV2lCuMSn1YdaeIQqSP9++Dgpt4/sG6t+esHJ/r5e1PuTEqDQd+g/5HjePeiFN+E+AAQDPrSjS9zEeowAAAABJRU5ErkJggg==") !important;
}

Einzutragen in die Erweiterung Stylish oder der userChrome.css

https://addons.mozilla.org/de/firefox/addon/2108

Sollte der Ordner chrome nicht vorhanden sein musst du ihn dir erst erstellen, und in ihm dann eine userChrome.css
Du mußt dir im Profilordner einen neuen Ordner chrome erstellen und in diesem dann eine Textdatei ( mit einem Editor ) in die du den Code kopierst, bzw. einträgst.
Hier kopierst du als erstes folgenden Text rein:

Code

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

anschließend folgt der von dir gewünschte Code.

Dann schließt du die Datei und speicherst sie als userChrome.css ab.
Danach mußt du den Fx neu starten.

Wo finde ich meinen Profilordner

Hilfe zu Stylish

2002Andreas

Alternativ ginge es auch so.

[Blockierte Grafik: http://www7.pic-upload.de/thumb/24.12.13/rta1nwnypis5.jpg]

CSS

#alltabs-button {
list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow-inverted.png")!important;
background:red!important;
}

Farbe nach Wahl wenn dann ändern.

Migo

Hab vielen Dank! Tipp 1 schaut klasse aus.

Happy Christmas,
Migo

2002Andreas

Gern geschehen, freut mich wenn es dir gefällt

Zitat von Migo

Happy Christmas

Danke, dir auch.

Migo

Kleiner Nachtrag!
Habe in die userChrome.css noch folgendes eingetragen:

.tabs-alltabs-button
{ width:34px !important; }
.tabs-alltabs-button .dropmarker-icon
{ width:14px !important;} /* pre Fx 3.6 */
.tabs-alltabs-button .toolbarbutton-icon
{ width:14px !important;} /* Fx 3.6 / 4.0*/
#tabbrowser-tabs ~ #alltabs-button { visibility: visible !important; } /* Fx 12.0 */

So erscheint die Schaltfläche immer... und ist wie gewünscht auch breiter.

Bis denne dann,
Migo

2002Andreas

Zitat von Migo

Habe in die userChrome.css noch folgendes eingetragen:

Diese beiden Einträge würden dazu reichen:

CSS

#alltabs-button { visibility: visible !important; } 


#alltabs-button .toolbarbutton-icon{ width:14px !important;}

Die anderen haben keine Funktion mehr im Nightly.

Migo

Ok. Danke Dir.