Lesezeichen-SL: Farbe nur eines bestimmten Icons ändern

keeneye

Hi Leute,

in meinem FF ist die Lesezeichen-Symbolleiste (LS) schwarz unterlegt (soll auch so bleiben). Einige der dort abgelegten Favicons sind ebenfalls dunkel/schwarz und somit kaum/nicht zu erkennen.

Mit dem Bookmark Favicon Changer kann ich die Farbe eines einzelnen Icons ändern, allerdings wird ein Icon nur in 16x16 Bit abgespeichert.

Ändere ich die Farbe und importiere das Icon wieder in die LS, sieht dies ziemlich grob aus. Nicht gut...

Von daher vermute ich, daß die Favicons als 32x32 Bit Icons in der LS hinterlegt sind (korrigiert mich, falls nötig).

Meine Frage also ist: wie kann ich die Farbe nur eines bestimmten Icons (auch 32x32 Bit) in der LS ändern, unter Beibehaltung der Auflösung?

Boersenfeger

Willkommen im Forum!
Zur Sache selber kann ich leider nichts beitragen....
Beachte, das Bookmark FavIcon Changer in Zukunft nicht mehr funktionieren wird... nur damit du nicht eine Lösung anstrebst, die in einigen Wochen komplett hinfällig ist...
Näheres dazu hier:
https://www.camp-firefox.de/forum/viewtopi…=855324#p855324

Endor

Lesezeichen Icons sind 16 x 16 px groß.
Du musst Icons mit transparentem Hintergrund nehmen.
Dann sieht es auch gut aus. Es funktioniert nur mit gif oder png Dateien.

Kannst Du mal das Icon hier einfügen oder Verlinken, damit ich mir das mal ansehen kann?
ich ändere Icons mittlerweile, auch aus oben Grund, mit CSS Code, für die Stylish Erweiterung
Mfg.
Endor

keeneye

Zitat von Endor

Lesezeichen Icons sind 16 x 16 px groß.
Du musst Icons mit transparentem Hintergrund nehmen.
Dann sieht es auch gut aus. Es funktioniert nur mit gif oder png Dateien.

Transparenter Hintergrund??? Verstehe ich nicht. Dann scheint der dunkle Hintergrund ja durch, oder nicht?

Zitat von Endor

Kannst Du mal das Icon hier einfügen oder Verlinken, damit ich mir das mal ansehen kann?

Z.B. das Icon vom CCC

http://www.ccc.de/

Endor

Das hier ist da Original icon, Favicon, von CCC, das hat einen Transparenten Hintergrund.
Klar, wenn Du einen schwarzen Hintergrund bei der Lesezeichenleiste hast, siehst Du vom Icon nichts mehr.

[attachment=0]CCC-ico.png[/attachment]

Wenn ich Dich richtig verstehe, möchtest Du deswegen im Icon einen anderen Hintergrund haben.
Das geht wahrscheinlich nur in dem man das Icon bearbeitet. Dann sieht es meisten aber nicht besonders
schön aus.

Mfg.
Endor

Endor

Hier das selbe icon mit blauem Hintergrund. Hoffe blau passt, ich habe zum Testen einfach mal blau genommen.
[attachment=0]CCC-ico-blau.png[/attachment]

Mfg.
Endor

keeneye

Danke erstmal für die Antworten. Blau paßt gut.

Wie hast Du das gemacht?

Mit dem Bookmark Favicon Changer (BFC) habe ich schon das Icon selbst anders gefärbt, sah aber nicht so toll aus. Von daher dachte ich, die Auflösung wäre eine andere.

Dass die Auflösung der LS Icons nur 16x16 px hat, kann ich kaum glauben, siehe http://www.faz.net/ oder https://www.virustotal.com/

Zitronella

http://www.faz.net/favicon.ico
https://www.virustotal.com/favicon.ico
hier sieht man doch, dass die Auflösung 16x16 px hat. Oder meinst du etwas anderes?

Endor

Das ico mit blauen Hintergrund habe ich so gemacht.
Zuerst habe ich das originale Favicon gespeichert.
Dann im Grafikprogramm eine neues Bild, 16 x 16 px, mit blauem Hintergrund gemacht.
Original Favicon im Grafik Programm geöffnet und und nur noch das Bild markiert,
in die Zwischenablage kopiert und in das neue Bild eingefügt.
Das wars. Geht aber nur wenn das Original einen transparenten Hintergrund hat.
Mfg.
Endor

keeneye

Zitat von Zitronella

http://www.faz.net/favicon.ico
hier sieht man doch, dass die Auflösung 16x16 px hat. Oder meinst du etwas anderes?

Nö, ich meinte schon genau das. Anhand Deines Links kann ich schön jedes einzelne Pixel sehen. Oh Wunder, wie viele das doch sind. Damit kriegt man auch einen verschnörkelten Buchstaben hin!

Wahrscheinlich hänge ich geistig noch im 8 Bit-Zeitalter und konnte mir garnichts anderes vorstellen :mrgreen:

@ Endor

So werde ich es auch machen und damit Licht in das Dunkel meiner Icons bringen.

Danke an alle Beteiligten!

Boersenfeger

Zitat von keeneye

Mit dem Bookmark Favicon Changer (BFC) habe ich schon das Icon selbst anders gefärbt...

Ich darf nochmal dezent auf meinen 1. Post hinweisen... ggf. hast du ihn schlicht übersehen...

2002Andreas

Zitat von Boersenfeger

Ich darf nochmal dezent auf meinen 1. Post hinweisen.

Die Icons der Lesezeichen lassen sich auch ohne die besagte Erweiterung ändern/austauschen.

Hier mal als Beispiel mit dem Forum und dazu das Favicon von ebay genommen :wink:

[Blockierte Grafik: http://www7.pic-upload.de/thumb/29.03.13/s4vmqqcngqji.jpg]

Boersenfeger

Das war gar nicht meine Intention.... und den einzelnen Lesezeichenordner in der Sidebar ein eigenes unterschiedliches Icon zuzuordnen kriegt man ja nicht hin..

2002Andreas

Dem TO geht es um:

Zitat von keeneye

Lesezeichen-Symbolleiste

Zitat von keeneye

dort abgelegten Favicons

und die kann man eben ohne diese Erweiterung auch ändern.
(Wenn auch mit etwas mehr Aufwand als mit der Erweiterung)

Boersenfeger

Zitat von Boersenfeger

Das war gar nicht meine Intention....

Du hast den betreffenden Post gelesen? Wir reden aneinander vorbei und mein 2. Halbsatz war eine kleine boshafte Spitze...

keeneye

So, habe jetzt mal ein wenig mit den Favicons herumgespielt.

Zu Lösung Nr. 1 (BFC) sei gesagt, kinderleicht und zielführend. Hat man Favicons damit geändert, bleibt die Änderung nur erhalten, solange BFC installiert ist.

Da ja daraufhin gewiesen wurde, daß der BFC ausläuft, habe ich eine 2. Lösung gesucht und im SQLite-Manager (SQM) gefunden. Etwas diffiziler zu handhaben, die Änderungen sind aber dauerhaft. Geholfen hat mir hierbei folgender Post

Klick

Kapiert habe ich allerdings noch nicht, wie ich mit dem SQM einem Lesezeichen mit leerem Favicon ein anderes zuordne. Hat jemand eine Lösung für mich?

Lösung Nr. 3 geht über die userchrome.css. Hier habe ich noch garnicht durchgeblickt. Im Netz finden sich immer wieder Codes zu meinem Thema, bisher klappte noch nix.

Lohnt es sich, sich näher damit zu beschäftigen?

2002Andreas

Habe mal etwas getestet, sieht dann so aus:

[Blockierte Grafik: http://www10.pic-upload.de/thumb/17.04.13/vw46enlye8ou.jpg]

CSS

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


toolbarbutton[class="bookmark-item"][label="Nightly Builds"]{
-moz-appearance:none!important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAn0lEQVQ4jbXTMQrEIBAF0BSedM+x58ghPEPOkMrewkbQRhJIMR9mK5cx7maSQIoPNv+N4DgQwM6aWyGAB2cNY74XZ81DgA+JCeBl3b7xIZ0DlnVjApgAfr/MIdIB+8kSiLmwD6lBOqBOl0DMpbmBCsiJFajFej4EptE0qWWZv0DMpcslQCK/iuoryNfQyuomauVnV/kSsP/O03j+TAB/AJI4Aart7O9BAAAAAElFTkSuQmCC") no-repeat !important;
width:auto!important;
padding-left:21px!important;
margin-left:2px!important;
border: 1px solid transparent !important; 
background-position:1px 4px!important;}


toolbarbutton[class="bookmark-item"][label="Nightly Builds"]:hover{
background: 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAn0lEQVQ4jbXTMQrEIBAF0BSedM+x58ghPEPOkMrewkbQRhJIMR9mK5cx7maSQIoPNv+N4DgQwM6aWyGAB2cNY74XZ81DgA+JCeBl3b7xIZ0DlnVjApgAfr/MIdIB+8kSiLmwD6lBOqBOl0DMpbmBCsiJFajFej4EptE0qWWZv0DMpcslQCK/iuoryNfQyuomauVnV/kSsP/O03j+TAB/AJI4Aart7O9BAAAAAElFTkSuQmCC") no-repeat !important;
width:auto!important;
padding-left:21px!important;
border: thin solid #afafa6 !important; 
border-radius:4px!important;
background-position:1px 4px!important;
box-shadow:inset 0px 0px 4px 0px white;}

Alles anzeigen

Funktioniert in der Erweiterung Stylish, aber nicht ohne weiteres in der userChrome.css

Für die userChrome.css muss es so aussehen:

https://www.camp-firefox.de/forum/viewtopi…=823811#p823811

Du benennst dann die Datei in einen Namen deiner Wahl, wichtig ist das .css am Ende.

[Blockierte Grafik: http://www10.pic-upload.de/thumb/17.04.13/tr4m8q4zamtw.jpg]