Favicon in LZ-Leiste hinzufügen

Road-Runner

Ich habe es mit dieser Anleitung geschafft in der Nightly 58 verschiedenen Lesezeichen ein Favicon zuzuweisen.

Frage: geht das auch für Lesezeichen-Ordner, beispielsweise einen Ordner Downloads, der in der LZ-Symbolleiste abgelegt ist ? Wenn Ja, wie?

Danke im Voraus.

2002Andreas

Geht im Prinzip genauso:

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xul){


toolbarbutton[class="bookmark-item"][label="Downloads"] > image {
display:none!important}


toolbarbutton[class="bookmark-item"][label="Downloads"][type="menu"][container="true"]{
	filter:none!important;
background: url("data:image/svg+xml;base64,R0lGODlhEAAQAPcAAAQGFIySnDxKTAQmVBwmLJzO5AweNBw2RBQWHAwmTOTq7AxajFyuxCQuLBQeJNze3KyutAwudBxunAQOHBQ6VBwmPPT29GxufKy61AwWLBQuPLTe7BRKdBQmNAweLGx+rBQ+XAQGHNTS1Bw2TBQuROzy/ARmrLzCxCR+tAQOJGSaxAwaRAwWJOzy9AxilIzC3Pz+/CQuPNTe7CQqNMzW5CQuRAQyVDQ+RBwuNNTe5Aw6ZCQqPOz2/LTCzAwaLExabBQqNBweLAwaJNTm9AQKFExOXBQiPDQ6PNzq9BRWlHS61BwiJLy6vCQ+dDx+rAwSHBQ6XBQqPHx+fAxShBRCZAQKHBQyRMTGxDR+vAwSJIyevCQyPMzi7MTW7AwyZCQyNNTi5Pz6/JSapERKVBwqLBQiNOzq7GSuzBweJLSytDRunAwOHCQ2VGRyhJzG3BQWLBwuPAxGhBwmNBQeLBRCXNza3Cw6TMTCxAwOJEyixAQeRBQWJPTy9CxmlIS+5CQyRBwyVBw+hCw6RMTCzPT6/DyCvMza7BwiLCQuNNze5BQaLBwqNBQaJAwKFBxWlBwqPAwKHBwyRCwyPNTi7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADAALAAAAAAQABAABwj/AGEIhBGGi5sXBTZwCTOw4RAVWM4oYZAHhRMaDWHI6OMoiQQXC6ZwsAGlx8ASarzooEIFCoURByJpYPNAoB8TCUZY0UCCRJSfHra0gUEIywAfiw486lCmQ4ctc+T8UTAkTgYHizp48NAhBo4tODpk6NFFj5AbiHxk8OGjjIAYh7KkgGAoQhBERxSxyMIiA46/WfAwaRHICAEyBBjheTJB0QwAAN7UgfFhxZIGT6pUyfJkzRrIRQTKaBKEUQgAIRB8cfAkxJ5BAzEAmoNHM5FDkCBlCdCQhxZARhS92fPmTZALOTLmEPPDzo4dMQRIuWIhIww+dU6kScNEhAKGAgMCADs=") no-repeat !important;
padding-left:21px!important;
background-position:3px 4px!important;}
}

Alles anzeigen

Werte bitte anpassen.

Einzig da es sich jetzt um eine svg Grafik handelt, muss im jeweiligen Code dieser Zusatz rein:

Zitat

filter:none!important;

[attachment=0]Zwischenablage01.jpg[/attachment]

Road-Runner

Vielen Dank. Wenn es jetzt noch einen Code gäbe für den Hover-Effekt (wie beim Lesezeichen) wäre alles perfekt.

2002Andreas

Kompl. Code:

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xul){


toolbarbutton[class="bookmark-item"][label="Downloads"] > image {
display:none!important}


toolbarbutton[class="bookmark-item"][label="Downloads"][type="menu"][container="true"]{
	filter:none!important;
background: url("data:image/svg+xml;base64,R0lGODlhEAAQAPcAAAQGFIySnDxKTAQmVBwmLJzO5AweNBw2RBQWHAwmTOTq7AxajFyuxCQuLBQeJNze3KyutAwudBxunAQOHBQ6VBwmPPT29GxufKy61AwWLBQuPLTe7BRKdBQmNAweLGx+rBQ+XAQGHNTS1Bw2TBQuROzy/ARmrLzCxCR+tAQOJGSaxAwaRAwWJOzy9AxilIzC3Pz+/CQuPNTe7CQqNMzW5CQuRAQyVDQ+RBwuNNTe5Aw6ZCQqPOz2/LTCzAwaLExabBQqNBweLAwaJNTm9AQKFExOXBQiPDQ6PNzq9BRWlHS61BwiJLy6vCQ+dDx+rAwSHBQ6XBQqPHx+fAxShBRCZAQKHBQyRMTGxDR+vAwSJIyevCQyPMzi7MTW7AwyZCQyNNTi5Pz6/JSapERKVBwqLBQiNOzq7GSuzBweJLSytDRunAwOHCQ2VGRyhJzG3BQWLBwuPAxGhBwmNBQeLBRCXNza3Cw6TMTCxAwOJEyixAQeRBQWJPTy9CxmlIS+5CQyRBwyVBw+hCw6RMTCzPT6/DyCvMza7BwiLCQuNNze5BQaLBwqNBQaJAwKFBxWlBwqPAwKHBwyRCwyPNTi7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADAALAAAAAAQABAABwj/AGEIhBGGi5sXBTZwCTOw4RAVWM4oYZAHhRMaDWHI6OMoiQQXC6ZwsAGlx8ASarzooEIFCoURByJpYPNAoB8TCUZY0UCCRJSfHra0gUEIywAfiw486lCmQ4ctc+T8UTAkTgYHizp48NAhBo4tODpk6NFFj5AbiHxk8OGjjIAYh7KkgGAoQhBERxSxyMIiA46/WfAwaRHICAEyBBjheTJB0QwAAN7UgfFhxZIGT6pUyfJkzRrIRQTKaBKEUQgAIRB8cfAkxJ5BAzEAmoNHM5FDkCBlCdCQhxZARhS92fPmTZALOTLmEPPDzo4dMQRIuWIhIww+dU6kScNEhAKGAgMCADs=") no-repeat !important;
padding-left:21px!important;
background-position:3px 4px!important;}


toolbarbutton[class="bookmark-item"][label="Downloads"][type="menu"][container="true"]:hover{
	filter:none!important;
background: #666666 url("data:image/svg+xml;base64,R0lGODlhEAAQAPcAAAQGFIySnDxKTAQmVBwmLJzO5AweNBw2RBQWHAwmTOTq7AxajFyuxCQuLBQeJNze3KyutAwudBxunAQOHBQ6VBwmPPT29GxufKy61AwWLBQuPLTe7BRKdBQmNAweLGx+rBQ+XAQGHNTS1Bw2TBQuROzy/ARmrLzCxCR+tAQOJGSaxAwaRAwWJOzy9AxilIzC3Pz+/CQuPNTe7CQqNMzW5CQuRAQyVDQ+RBwuNNTe5Aw6ZCQqPOz2/LTCzAwaLExabBQqNBweLAwaJNTm9AQKFExOXBQiPDQ6PNzq9BRWlHS61BwiJLy6vCQ+dDx+rAwSHBQ6XBQqPHx+fAxShBRCZAQKHBQyRMTGxDR+vAwSJIyevCQyPMzi7MTW7AwyZCQyNNTi5Pz6/JSapERKVBwqLBQiNOzq7GSuzBweJLSytDRunAwOHCQ2VGRyhJzG3BQWLBwuPAxGhBwmNBQeLBRCXNza3Cw6TMTCxAwOJEyixAQeRBQWJPTy9CxmlIS+5CQyRBwyVBw+hCw6RMTCzPT6/DyCvMza7BwiLCQuNNze5BQaLBwqNBQaJAwKFBxWlBwqPAwKHBwyRCwyPNTi7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADAALAAAAAAQABAABwj/AGEIhBGGi5sXBTZwCTOw4RAVWM4oYZAHhRMaDWHI6OMoiQQXC6ZwsAGlx8ASarzooEIFCoURByJpYPNAoB8TCUZY0UCCRJSfHra0gUEIywAfiw486lCmQ4ctc+T8UTAkTgYHizp48NAhBo4tODpk6NFFj5AbiHxk8OGjjIAYh7KkgGAoQhBERxSxyMIiA46/WfAwaRHICAEyBBjheTJB0QwAAN7UgfFhxZIGT6pUyfJkzRrIRQTKaBKEUQgAIRB8cfAkxJ5BAzEAmoNHM5FDkCBlCdCQhxZARhS92fPmTZALOTLmEPPDzo4dMQRIuWIhIww+dU6kScNEhAKGAgMCADs=") no-repeat !important;
padding-left:21px!important;
background-position:3px 4px!important;}
}

Alles anzeigen

Road-Runner

Nach ein paar Anpassungen (Farbe im Hover und anderes Favicon) klappt alles nun perfekt. Meine LZ-Symbolleiste sieht nun wieder geanu so aus wie in Fx 55 und die hässlichen Ordnersymbole sind weg.

Hier mein Code für eventuelle Interessenten:

CSS

/*Favicon für Ordner Nightly in LZ-Symbolleiste*/

toolbarbutton[class="bookmark-item"][label="Nightly"] > image {
display:none!important}


toolbarbutton[class="bookmark-item"][label="Nightly"][type="menu"][container="true"]{
	filter:none!important;
background: url("data:image/x-icon;base64,AAABAAEAEBAAAAEAGABoAwAAFgAAACgAAAAQAAAAIAAAAAEAGAAAAAAAAAAAAAMAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD++v394PH92u797PYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD7///3Z8T6BJf+AI/+BYv/BYPgLXrq3eYAAAAAAAAAAAAAAAAAAAAAAAD+///2uef3CZ/+G5v/Mpv/SpH/WIf/Xn//VXb5Rm36vM3+//8AAAAAAAAAAAAAAAD2xuz6CZ7/Jp//Q5f/X4v/eID/iHf/i2z/iGX/fVj+XlDykI0AAAAAAAAAAAD9///2Eab/JZ//RJf/ZIfrZmmdOD6WNjPNbkD/vVX/rEf/lT7uUC77//8AAAAAAAD3qOH9D5r/Op3/Wof7bnWYOTaWPytKAAhKAAh/Mxb/3zr/rxz2ijD227wAAAAAAAD3Vr3/IJz/T5T/cGv/nXT/n1X/1VL//EeBKQdRAADewSD/sAXxpS3lsin+///+/v/1IKL/LZv/XorjakC1Ui5CAABSAABhBwBzFABsBQC6lgf/qg7nvBrTlgD+//7+//75JKP/NZX/Z4HzeFrDaC6ALgVzFQCKKACVLACDDwDbjAj4wx/XzwDRngD+//7+///1T7T/L43/aXr/i2f/vVrijx+IOAiVJQCnKgCoOwb02BfI1ADKyQDq538AAAAAAAD8y+z/HIP/Z3n/h2H/t1P/pg/z3jOmJwC7QQPi5Q2q4AGr0QCpwwAAAAAAAAAAAAAAAADnP4v/W3z/jWz/wWCgPgiLFwC2KADdoAOi6gCc1gCU0ADH20EAAAAAAAAAAAAAAADcbpPXbIN8EwCDGgDikiOjNQDELgDDwQGG5AB81wCeuwAAAAAAAAAAAAAAAAAAAAD9+fsAAAAAAACjc2Z5DwB9AACjAACijgBQ3ACf5VD/zKkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABc4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///76/fgAAAAAAAAAAAAAAAAAAAD8PwAA8A8AAMADAADAAwAAgAEAAIABAACAAAAAAAAAAAAAAAAAAQAAgAMAAMADAADABwAA2AcAAP/fAAD/nwAA") no-repeat !important;
padding-left:21px!important;
background-position:3px 4px!important;}


toolbarbutton[class="bookmark-item"][label="Nightly"][type="menu"][container="true"]:hover{
	filter:none!important;
background: #D1DEE3 url("data:image/x-icon;base64,AAABAAEAEBAAAAEAGABoAwAAFgAAACgAAAAQAAAAIAAAAAEAGAAAAAAAAAAAAAMAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD++v394PH92u797PYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD7///3Z8T6BJf+AI/+BYv/BYPgLXrq3eYAAAAAAAAAAAAAAAAAAAAAAAD+///2uef3CZ/+G5v/Mpv/SpH/WIf/Xn//VXb5Rm36vM3+//8AAAAAAAAAAAAAAAD2xuz6CZ7/Jp//Q5f/X4v/eID/iHf/i2z/iGX/fVj+XlDykI0AAAAAAAAAAAD9///2Eab/JZ//RJf/ZIfrZmmdOD6WNjPNbkD/vVX/rEf/lT7uUC77//8AAAAAAAD3qOH9D5r/Op3/Wof7bnWYOTaWPytKAAhKAAh/Mxb/3zr/rxz2ijD227wAAAAAAAD3Vr3/IJz/T5T/cGv/nXT/n1X/1VL//EeBKQdRAADewSD/sAXxpS3lsin+///+/v/1IKL/LZv/XorjakC1Ui5CAABSAABhBwBzFABsBQC6lgf/qg7nvBrTlgD+//7+//75JKP/NZX/Z4HzeFrDaC6ALgVzFQCKKACVLACDDwDbjAj4wx/XzwDRngD+//7+///1T7T/L43/aXr/i2f/vVrijx+IOAiVJQCnKgCoOwb02BfI1ADKyQDq538AAAAAAAD8y+z/HIP/Z3n/h2H/t1P/pg/z3jOmJwC7QQPi5Q2q4AGr0QCpwwAAAAAAAAAAAAAAAADnP4v/W3z/jWz/wWCgPgiLFwC2KADdoAOi6gCc1gCU0ADH20EAAAAAAAAAAAAAAADcbpPXbIN8EwCDGgDikiOjNQDELgDDwQGG5AB81wCeuwAAAAAAAAAAAAAAAAAAAAD9+fsAAAAAAACjc2Z5DwB9AACjAACijgBQ3ACf5VD/zKkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABc4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///76/fgAAAAAAAAAAAAAAAAAAAD8PwAA8A8AAMADAADAAwAAgAEAAIABAACAAAAAAAAAAAAAAAAAAQAAgAMAAMADAADABwAA2AcAAP/fAAD/nwAA") no-repeat !important;
padding-left:21px!important;
background-position:3px 4px!important;}
}

Alles anzeigen

Und so sieht es aus:

[attachment=0]22.png[/attachment]

Vielen Dank nochmal.

Pentomino

Hallo,
2002Andreas: Habe nach deiner Anleitung ein Ordnericon in meiner LZ-Symbolleiste (bei mir "Ebay") geändert. Das icon habe ich erstmal übernommen, will ich noch ändern. Da das Icon zu tief stand, habe ich die "Background-position" auf 0/0px geändert. Die Höhe des Icons passt jetzt. Allerdings ist der Text "Ebay" immer noch zu tief. Was muss ich da wo ändern ?

Gruß, Pentomino

2002Andreas

Das dürfte aber nicht so sein, da funkt dir evtl. eine anderer Code dazwischen.

Gib mir doch bitte trotzdem mal deinen Code den du benutzt.

Pentomino

Hier der Code:
(ich benutze auch noch deinen Code für eine mehrzeilige LZ-Symbolleiste).

CSS

/* Ebay-Ordner Favicon ändern */
@-moz-document url-prefix(chrome://browser/content/browser.xul){


toolbarbutton[class="bookmark-item"][label="Ebay"] > image {
display:none!important}


toolbarbutton[class="bookmark-item"][label="Ebay"][type="menu"][container="true"]{
	filter:none!important;
background: url("data:image/svg+xml;base64,R0lGODlhEAAQAPcAAAQGFIySnDxKTAQmVBwmLJzO5AweNBw2RBQWHAwmTOTq7AxajFyuxCQuLBQeJNze3KyutAwudBxunAQOHBQ6VBwmPPT29GxufKy61AwWLBQuPLTe7BRKdBQmNAweLGx+rBQ+XAQGHNTS1Bw2TBQuROzy/ARmrLzCxCR+tAQOJGSaxAwaRAwWJOzy9AxilIzC3Pz+/CQuPNTe7CQqNMzW5CQuRAQyVDQ+RBwuNNTe5Aw6ZCQqPOz2/LTCzAwaLExabBQqNBweLAwaJNTm9AQKFExOXBQiPDQ6PNzq9BRWlHS61BwiJLy6vCQ+dDx+rAwSHBQ6XBQqPHx+fAxShBRCZAQKHBQyRMTGxDR+vAwSJIyevCQyPMzi7MTW7AwyZCQyNNTi5Pz6/JSapERKVBwqLBQiNOzq7GSuzBweJLSytDRunAwOHCQ2VGRyhJzG3BQWLBwuPAxGhBwmNBQeLBRCXNza3Cw6TMTCxAwOJEyixAQeRBQWJPTy9CxmlIS+5CQyRBwyVBw+hCw6RMTCzPT6/DyCvMza7BwiLCQuNNze5BQaLBwqNBQaJAwKFBxWlBwqPAwKHBwyRCwyPNTi7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADAALAAAAAAQABAABwj/AGEIhBGGi5sXBTZwCTOw4RAVWM4oYZAHhRMaDWHI6OMoiQQXC6ZwsAGlx8ASarzooEIFCoURByJpYPNAoB8TCUZY0UCCRJSfHra0gUEIywAfiw486lCmQ4ctc+T8UTAkTgYHizp48NAhBo4tODpk6NFFj5AbiHxk8OGjjIAYh7KkgGAoQhBERxSxyMIiA46/WfAwaRHICAEyBBjheTJB0QwAAN7UgfFhxZIGT6pUyfJkzRrIRQTKaBKEUQgAIRB8cfAkxJ5BAzEAmoNHM5FDkCBlCdCQhxZARhS92fPmTZALOTLmEPPDzo4dMQRIuWIhIww+dU6kScNEhAKGAgMCADs=") no-repeat !important;
padding-left:21px!important;
background-position:0px 0px!important;}


toolbarbutton[class="bookmark-item"][label="Ebay"][type="menu"][container="true"]:hover{
	filter:none!important;
background: #666666 url("data:image/svg+xml;base64,R0lGODlhEAAQAPcAAAQGFIySnDxKTAQmVBwmLJzO5AweNBw2RBQWHAwmTOTq7AxajFyuxCQuLBQeJNze3KyutAwudBxunAQOHBQ6VBwmPPT29GxufKy61AwWLBQuPLTe7BRKdBQmNAweLGx+rBQ+XAQGHNTS1Bw2TBQuROzy/ARmrLzCxCR+tAQOJGSaxAwaRAwWJOzy9AxilIzC3Pz+/CQuPNTe7CQqNMzW5CQuRAQyVDQ+RBwuNNTe5Aw6ZCQqPOz2/LTCzAwaLExabBQqNBweLAwaJNTm9AQKFExOXBQiPDQ6PNzq9BRWlHS61BwiJLy6vCQ+dDx+rAwSHBQ6XBQqPHx+fAxShBRCZAQKHBQyRMTGxDR+vAwSJIyevCQyPMzi7MTW7AwyZCQyNNTi5Pz6/JSapERKVBwqLBQiNOzq7GSuzBweJLSytDRunAwOHCQ2VGRyhJzG3BQWLBwuPAxGhBwmNBQeLBRCXNza3Cw6TMTCxAwOJEyixAQeRBQWJPTy9CxmlIS+5CQyRBwyVBw+hCw6RMTCzPT6/DyCvMza7BwiLCQuNNze5BQaLBwqNBQaJAwKFBxWlBwqPAwKHBwyRCwyPNTi7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADAALAAAAAAQABAABwj/AGEIhBGGi5sXBTZwCTOw4RAVWM4oYZAHhRMaDWHI6OMoiQQXC6ZwsAGlx8ASarzooEIFCoURByJpYPNAoB8TCUZY0UCCRJSfHra0gUEIywAfiw486lCmQ4ctc+T8UTAkTgYHizp48NAhBo4tODpk6NFFj5AbiHxk8OGjjIAYh7KkgGAoQhBERxSxyMIiA46/WfAwaRHICAEyBBjheTJB0QwAAN7UgfFhxZIGT6pUyfJkzRrIRQTKaBKEUQgAIRB8cfAkxJ5BAzEAmoNHM5FDkCBlCdCQhxZARhS92fPmTZALOTLmEPPDzo4dMQRIuWIhIww+dU6kScNEhAKGAgMCADs=") no-repeat !important;
padding-left:21px!important;
background-position:0px 0px!important;}
}

Alles anzeigen

2002Andreas

Danke.

Der Code funktioniert hier einwandfrei, d.h., der Text ist genau mittig wie die anderen Texte.
Es muss dir also etwas anderes dazwischenfunken.

Notlösung bitte mal testen und den Wert anpassen:

Code

label[class="toolbarbutton-text"][value="Ebay"]{
margin-top:-5px!important}

Pentomino

Bei dieser Anpassung rutscht das Icon lediglich wieder nach unten. Der Text bleibt unverändert etwas unterhalb. Bei "margin-top:" = 0 px ist bei mir das icon wieder an der richtigen Stelle, der Text allerdings nicht.
Vermutlich "stört" daher tatsächlich einer meiner anderen Codes Z.B. "Tableiste unterhalb der Lesezeichen".....?

2002Andreas

Teste doch bitte mal diesen kompletten Code:

CSS

/* Ebay-Ordner Favicon ändern */
@-moz-document url-prefix(chrome://browser/content/browser.xul){


toolbarbutton[class="bookmark-item"][label="Ebay"] > image {
display:none!important}


toolbarbutton[class="bookmark-item"][label="Ebay"]{
	filter:none!important;
background: url("data:image/svg+xml;base64,R0lGODlhEAAQAPcAAAQGFIySnDxKTAQmVBwmLJzO5AweNBw2RBQWHAwmTOTq7AxajFyuxCQuLBQeJNze3KyutAwudBxunAQOHBQ6VBwmPPT29GxufKy61AwWLBQuPLTe7BRKdBQmNAweLGx+rBQ+XAQGHNTS1Bw2TBQuROzy/ARmrLzCxCR+tAQOJGSaxAwaRAwWJOzy9AxilIzC3Pz+/CQuPNTe7CQqNMzW5CQuRAQyVDQ+RBwuNNTe5Aw6ZCQqPOz2/LTCzAwaLExabBQqNBweLAwaJNTm9AQKFExOXBQiPDQ6PNzq9BRWlHS61BwiJLy6vCQ+dDx+rAwSHBQ6XBQqPHx+fAxShBRCZAQKHBQyRMTGxDR+vAwSJIyevCQyPMzi7MTW7AwyZCQyNNTi5Pz6/JSapERKVBwqLBQiNOzq7GSuzBweJLSytDRunAwOHCQ2VGRyhJzG3BQWLBwuPAxGhBwmNBQeLBRCXNza3Cw6TMTCxAwOJEyixAQeRBQWJPTy9CxmlIS+5CQyRBwyVBw+hCw6RMTCzPT6/DyCvMza7BwiLCQuNNze5BQaLBwqNBQaJAwKFBxWlBwqPAwKHBwyRCwyPNTi7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADAALAAAAAAQABAABwj/AGEIhBGGi5sXBTZwCTOw4RAVWM4oYZAHhRMaDWHI6OMoiQQXC6ZwsAGlx8ASarzooEIFCoURByJpYPNAoB8TCUZY0UCCRJSfHra0gUEIywAfiw486lCmQ4ctc+T8UTAkTgYHizp48NAhBo4tODpk6NFFj5AbiHxk8OGjjIAYh7KkgGAoQhBERxSxyMIiA46/WfAwaRHICAEyBBjheTJB0QwAAN7UgfFhxZIGT6pUyfJkzRrIRQTKaBKEUQgAIRB8cfAkxJ5BAzEAmoNHM5FDkCBlCdCQhxZARhS92fPmTZALOTLmEPPDzo4dMQRIuWIhIww+dU6kScNEhAKGAgMCADs=") no-repeat !important;
padding-left:21px!important;
background-position:0px 3px!important;}


toolbarbutton[class="bookmark-item"][label="Ebay"]:hover{
	filter:none!important;
background: #666666 url("data:image/svg+xml;base64,R0lGODlhEAAQAPcAAAQGFIySnDxKTAQmVBwmLJzO5AweNBw2RBQWHAwmTOTq7AxajFyuxCQuLBQeJNze3KyutAwudBxunAQOHBQ6VBwmPPT29GxufKy61AwWLBQuPLTe7BRKdBQmNAweLGx+rBQ+XAQGHNTS1Bw2TBQuROzy/ARmrLzCxCR+tAQOJGSaxAwaRAwWJOzy9AxilIzC3Pz+/CQuPNTe7CQqNMzW5CQuRAQyVDQ+RBwuNNTe5Aw6ZCQqPOz2/LTCzAwaLExabBQqNBweLAwaJNTm9AQKFExOXBQiPDQ6PNzq9BRWlHS61BwiJLy6vCQ+dDx+rAwSHBQ6XBQqPHx+fAxShBRCZAQKHBQyRMTGxDR+vAwSJIyevCQyPMzi7MTW7AwyZCQyNNTi5Pz6/JSapERKVBwqLBQiNOzq7GSuzBweJLSytDRunAwOHCQ2VGRyhJzG3BQWLBwuPAxGhBwmNBQeLBRCXNza3Cw6TMTCxAwOJEyixAQeRBQWJPTy9CxmlIS+5CQyRBwyVBw+hCw6RMTCzPT6/DyCvMza7BwiLCQuNNze5BQaLBwqNBQaJAwKFBxWlBwqPAwKHBwyRCwyPNTi7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADAALAAAAAAQABAABwj/AGEIhBGGi5sXBTZwCTOw4RAVWM4oYZAHhRMaDWHI6OMoiQQXC6ZwsAGlx8ASarzooEIFCoURByJpYPNAoB8TCUZY0UCCRJSfHra0gUEIywAfiw486lCmQ4ctc+T8UTAkTgYHizp48NAhBo4tODpk6NFFj5AbiHxk8OGjjIAYh7KkgGAoQhBERxSxyMIiA46/WfAwaRHICAEyBBjheTJB0QwAAN7UgfFhxZIGT6pUyfJkzRrIRQTKaBKEUQgAIRB8cfAkxJ5BAzEAmoNHM5FDkCBlCdCQhxZARhS92fPmTZALOTLmEPPDzo4dMQRIuWIhIww+dU6kScNEhAKGAgMCADs=") no-repeat !important;
padding-left:21px!important;
background-position:0px 3px!important;}
}

Alles anzeigen

Damit passt das hier wenn mehrzeilige Lesezeichenleiste und Tabs unten sind.

[attachment=0]Screenshot (60).png[/attachment]

2002Andreas

Der von dir benutzte Code ist nicht für einen Link sondern einen Ordner gedacht:

toolbarbutton[class="bookmark-item"][label="Ebay"][type="menu"][container="true"]{

So wäre es für einen Link:

toolbarbutton[class="bookmark-item"][label="Ebay"]{

Pentomino

Deine letzte Anmerkung verstehe ich jetzt nicht. Ich will ja das Ordnersymbol in der LZ-Symbolleiste ändern....
Der neue Code klappt auch nicht: Sowohl Icon als auch Text stehen etwas tiefer...
Da das ganze jetzt auch nicht "lebenswichtig" für mich ist, belassen wir es wohl erst mal damit. Die Änderung des Icons ist für mich auch nur eine "Spielerei"
Vielen Dank für deine bisherigen Bemühungen.
Gruß, Pentomino

2002Andreas

Zitat von Pentomino

Ich will ja das Ordnersymbol in der LZ-Symbolleiste ändern.

Wenn du das Icon von Ebay anklickst, öffnet sich dann die Webseite oder ein Untermenü für weitere Einträge?

Pentomino

Es öffnet sich das Untermenü mit zahlreichen Einträgen.

Pentomino

P.S. Ist bei deinem Bild der "ebay-Text" nicht doch etwas tiefer ?

2002Andreas

Ok, das ist ein großer Unterschied dann :wink:

Ich bin davon ausgegangen es handelt sich um einen Link.

Dann ist der Eintrag:
toolbarbutton[class="bookmark-item"][label="Ebay"][type="menu"][container="true"]{
völlig richtig.

Trotzdem dürfte sich der Text nicht verschieben, denn es wird ja nur das Icon angesprochen/verändert.

2002Andreas

Zitat von Pentomino

Ist bei deinem Bild der "ebay-Text" nicht doch etwas tiefer ?

Nein, das Icon müsste 1px tiefer sein.

Pentomino

Ich bin eigentlich ziemlich sicher, dass der Text "ebay" bei deinem Bild tiefer steht, als die anderen Texte...

Pentomino

O.k. war ne optische Täuschung !!