Fav icon in Lesezeichen Symbolleiste

Damit sollte es funktionieren.

#x_cookiesChildren::-moz-tree-image(domainCol, leaf),
            .alltabs-item > .menu-iconic-left > .menu-iconic-icon,
            #x_page-proxy-favicon:not([src]),
            treechildren::-moz-tree-image(title, leaf),
            .tab-throbber,
            .tab-icon-image,
            .bookmark-item:not([container])  {
              list-style-image: url("data:image/x-icon;base64,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") !important;
              -moz-image-region: rect(0px, 16px, 16px, 0px) !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:

@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

Das Icon kannst du natürlich austauschen.

Wenn es dir nur um diese Seite geht kannst du auch folgenden Code benutzen:

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


toolbarbutton[class="bookmark-item"][label="Chatseelsorge"]{
-moz-appearance:none!important;
background: url("data:image/gif;base64,R0lGODlhEAAQAPcAAAQGFIySnDxKTAQmVBwmLJzO5AweNBw2RBQWHAwmTOTq7AxajFyuxCQuLBQeJNze3KyutAwudBxunAQOHBQ6VBwmPPT29GxufKy61AwWLBQuPLTe7BRKdBQmNAweLGx+rBQ+XAQGHNTS1Bw2TBQuROzy/ARmrLzCxCR+tAQOJGSaxAwaRAwWJOzy9AxilIzC3Pz+/CQuPNTe7CQqNMzW5CQuRAQyVDQ+RBwuNNTe5Aw6ZCQqPOz2/LTCzAwaLExabBQqNBweLAwaJNTm9AQKFExOXBQiPDQ6PNzq9BRWlHS61BwiJLy6vCQ+dDx+rAwSHBQ6XBQqPHx+fAxShBRCZAQKHBQyRMTGxDR+vAwSJIyevCQyPMzi7MTW7AwyZCQyNNTi5Pz6/JSapERKVBwqLBQiNOzq7GSuzBweJLSytDRunAwOHCQ2VGRyhJzG3BQWLBwuPAxGhBwmNBQeLBRCXNza3Cw6TMTCxAwOJEyixAQeRBQWJPTy9CxmlIS+5CQyRBwyVBw+hCw6RMTCzPT6/DyCvMza7BwiLCQuNNze5BQaLBwqNBQaJAwKFBxWlBwqPAwKHBwyRCwyPNTi7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADAALAAAAAAQABAABwj/AGEIhBGGi5sXBTZwCTOw4RAVWM4oYZAHhRMaDWHI6OMoiQQXC6ZwsAGlx8ASarzooEIFCoURByJpYPNAoB8TCUZY0UCCRJSfHra0gUEIywAfiw486lCmQ4ctc+T8UTAkTgYHizp48NAhBo4tODpk6NFFj5AbiHxk8OGjjIAYh7KkgGAoQhBERxSxyMIiA46/WfAwaRHICAEyBBjheTJB0QwAAN7UgfFhxZIGT6pUyfJkzRrIRQTKaBKEUQgAIRB8cfAkxJ5BAzEAmoNHM5FDkCBlCdCQhxZARhS92fPmTZALOTLmEPPDzo4dMQRIuWIhIww+dU6kScNEhAKGAgMCADs=") no-repeat !important;
width:auto!important;
padding-left:21px!important;
margin-left:2px!important;
margin-top:1px!important;
margin-bottom:1px!important;
border: 1px solid transparent !important; 
background-position:1px 1px!important;}


toolbarbutton[class="bookmark-item"][label="Chatseelsorge"]:hover{
background: 
url("data:image/gif;base64,R0lGODlhEAAQAPcAAAQGFIySnDxKTAQmVBwmLJzO5AweNBw2RBQWHAwmTOTq7AxajFyuxCQuLBQeJNze3KyutAwudBxunAQOHBQ6VBwmPPT29GxufKy61AwWLBQuPLTe7BRKdBQmNAweLGx+rBQ+XAQGHNTS1Bw2TBQuROzy/ARmrLzCxCR+tAQOJGSaxAwaRAwWJOzy9AxilIzC3Pz+/CQuPNTe7CQqNMzW5CQuRAQyVDQ+RBwuNNTe5Aw6ZCQqPOz2/LTCzAwaLExabBQqNBweLAwaJNTm9AQKFExOXBQiPDQ6PNzq9BRWlHS61BwiJLy6vCQ+dDx+rAwSHBQ6XBQqPHx+fAxShBRCZAQKHBQyRMTGxDR+vAwSJIyevCQyPMzi7MTW7AwyZCQyNNTi5Pz6/JSapERKVBwqLBQiNOzq7GSuzBweJLSytDRunAwOHCQ2VGRyhJzG3BQWLBwuPAxGhBwmNBQeLBRCXNza3Cw6TMTCxAwOJEyixAQeRBQWJPTy9CxmlIS+5CQyRBwyVBw+hCw6RMTCzPT6/DyCvMza7BwiLCQuNNze5BQaLBwqNBQaJAwKFBxWlBwqPAwKHBwyRCwyPNTi7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADAALAAAAAAQABAABwj/AGEIhBGGi5sXBTZwCTOw4RAVWM4oYZAHhRMaDWHI6OMoiQQXC6ZwsAGlx8ASarzooEIFCoURByJpYPNAoB8TCUZY0UCCRJSfHra0gUEIywAfiw486lCmQ4ctc+T8UTAkTgYHizp48NAhBo4tODpk6NFFj5AbiHxk8OGjjIAYh7KkgGAoQhBERxSxyMIiA46/WfAwaRHICAEyBBjheTJB0QwAAN7UgfFhxZIGT6pUyfJkzRrIRQTKaBKEUQgAIRB8cfAkxJ5BAzEAmoNHM5FDkCBlCdCQhxZARhS92fPmTZALOTLmEPPDzo4dMQRIuWIhIww+dU6kScNEhAKGAgMCADs=") no-repeat !important;
width:auto!important;
padding-left:21px!important;
border: thin solid #afafa6 !important; 
border-radius:4px!important;
background-position:1px 1px!important;
box-shadow:inset 0px 0px 4px 0px white;}

Sieht dann so aus:

[Blockierte Grafik: http://www10.pic-upload.de/thumb/02.05.13/1zd394lcct3o.jpg]

Zitat von advent

gegen ein selbstgebasteltes

Du musst dein Bild umwandeln in einen base64 Code ( sind die vielen Zahlen und Buchstaben oben) und dann einfach austauschen.

Kannst du auf dieser Seite umwandeln lassen:

http://base64.duttke.de/

Solltest du damit Probleme haben lad dein Icon mal auf einen Hoster hoch, dann wandele ich es dir um.

http://www.pic-upload.de/index.php?to=upload

PS:
Damit wird aber dann nur das Icon im Lesezeichen/Lesezeichenleiste erstellt, nicht das Tabicon bzw. das in der Adressleiste.
Die beiden anderen wären eine andere Baustelle.

Zitat von advent

entschuldige meine dumme Frage

Es gibt keine dummen Fragen sondern nur...Antworten. :wink:

Zitat von advent

Was mache ich mit dem Code?

Den kopierst du einfach in die userChrome.css Datei rein und startest dann den Firefox neu.

Zitat von advent

einfach ein anderes Bildchen

Dafür gab es bis jetzt eine Erweiterung. Da diese aber laut Entwickler nicht weiterbearbeitet wird, funktioniert sie in zukünftigen Versionen von Firefox nicht mehr.
Bis es eine alternative gibt (wenn überhaupt) geht es nur in dieser etwas umständlicheren Art.

Das mit dem base64 bezieht sich darauf das du je gerne ein eigenes Icon benutzen willst.
Du musst also die Seite

http://base64.duttke.de/

öffnen....dann auf: Durchsuchen......dann dein Bild suchen...dann dein Bild hochladen...dann auf Umwandeln.

Dann die Daten aus dem unteren Teil vom Fenster gegen die aus meinem Code austauschen.

Einsetzen musst du sie nach:

data:image/gif;base64,

und bis zur ")

Man kann sich die Handarbeit aber auch sparen und einfach das Add-On "Bookmark Favicon Changer" verwenden.

https://addons.mozilla.org/de/firefox/add…ger/?src=search

Zitat von Yellowshark

das Add-On "Bookmark Favicon Changer" verwenden.

Zitat von 2002Andreas

Da diese aber laut Entwickler nicht weiterbearbeitet wird, funktioniert sie in zukünftigen Versionen von Firefox nicht mehr.

Zitat aus deinem Link:

This version is the leatest and last version. No more update from me.

Das hab' ich übersehen. Schade drum. Derzeit funktioniert es jedenfalls noch.

Im Nightly 23 schon leider nicht mehr.

Ja Du musst diesen Code für jede Seite einzeln anlegen. Du willst ja unterschiedliche Symbole haben.
Einfach alle untereinander in einer einzigen Chrome Datei anlegen.

Mfg.
Endor

Zitat von advent

für jede indivduelle Seite ein favicon besteht?

Ja, wobei es auch noch einen Unterschied gibt ob du nur das Icon in der Lesezeichenleiste ändern willst oder gleich alle incl. dem Icon in dem Tab und der Adressleiste.

Der obige Code wäre nur für das Lesezeichen in der Lesezeichenleiste.

Wie sähe der Code dann für Lesezeichenordner in der Lesezeichen Sidebar aus?
Die Icons für die Ordner habe ich hier vorliegen....
So sieht das doch ziemlich trostlos aus...
[attachment=1]05-05-2013_191622.jpg[/attachment]
Im Gegensatz zu..
[attachment=0]05-05-2013_191940.jpg[/attachment]

Zitat von advent

einen guten Start in die neue Woche

Danke, das wünsche ich dir auch. :klasse:

Wenn du weitere Fragen dazu haben solltest...immer her damit, wir bekommen die Icons schon zusammen geändert :wink:

Zitat von 2002Andreas

...immer her damit, wir bekommen die Icons schon zusammen geändert :wink:

Jo, dann mal los...

Zitat von Boersenfeger

Wie sähe der Code dann für Lesezeichenordner in der Lesezeichen Sidebar aus?

Das hatten wir doch schon mal, ich kann die in der Sidebar nicht ändern. :-??
Evtl. fällt einem anderen User ja noch etwas ein dazu.

Laut einem schon älteren Beitrag aus dem Net geht das wohl auch nur mit einem zusätzlichem Script und nicht nur per css.
K.A. ob das stimmt.