Einem Ordner in der Lesezeichen-Symbolleiste ein Symbol zuordnen

Zitat von WalterX

werden jedoch nicht in der Lesezeichen-Symbolleiste angezeigt,

So richtig schlau werde ich aus deinem Beitrag nicht

So sieht das aus mit einem neuen Ordner mit dem Namen: test

Zitat von WalterX

Das Standard Symbol würde ich gerne nurch ein aussagekräftiges Symbol ersetzen.

Nur von einem bestimmten Ordner, oder allen Ordnern?

Zitat von WalterX

Diese Ordner werden jedoch nicht in der Lesezeichen-Symbolleiste angezeigt, weder oben noch

rechts unter "Weitere Lesezeichen".

Wenn du die die Lesezeichen-Leiste mal aufklappst, sehen wir auch ob da etwas drin ist. Der Klapp-Pfeil ist zu sehen, also muss auch etwas drin sein. Bei Weitere Lesezeichen ist offensichtlich wirklich nichts drin. Denn dann wäre auch der Klapp-Pfeil zu sehen.

Teste bitte:

.bookmark-item[container="true"]:not(#bookmarksToolbarFolderMenu)[label="Sport"] {
    list-style-image: url("file:///F:/FIREFOX-ICONS/Icons/Handball.png") !important;
}

Den Namen des Ordners und den Pfad zum Icon mußt du natürlich anpassen...

Zitat von WalterX

Zunächst einmal nur von einem Ordner.

So sieht der Ordner Standard: test aus:

Und so mit einem CSS Code geändert:

#PlacesToolbar .bookmark-item[container="true"][label="test"] {
    list-style-image: url("file:///C:/Users/Andi/AppData/Roaming/Mozilla/Firefox/Profiles/x9uzmnty.Test ohne/chrome/Icons/Hilfe8.png") !important;
    font-size: 0 !important;
    padding-right: 10px !important;
    padding-left: 15px !important;
} 

Einzutragen in die userChrome.css

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.

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

PS:
Du musst dir dazu die versteckten Dateiendungen anzeigen lassen.

Um das einzustellen klickt man im Windows 10 Explorer (wenn man einen Ordner offen hat) erst oben links auf Ansicht..dann rechts oben auf

"Optionen" > "Ordner und Suchoptionen ändern" > "Ansicht"

und entfernt das Häkchen bei "Erweiterungen bei bekannten Dateitypen ausblenden"

Wo finde ich meinen Profilordner

Eine genaue Beschreibung dazu befindet sich auch unter diesem Link:

Videoanleitung für die userChrome.css und mehr

Zusätzlich muss in about:config der Eintrag:

toolkit.legacyUserProfileCustomizations.stylesheets

auf true stehen.

Ergänzend zum vorstehenden Beitrag von 2002Andreas: Du musst natürlich deinen Pfad zur Bilddatei in Zeile 2 anpassen.

Andreas hat hier seine Datei Hilfe8.png im Benutzerprofil:

file:///C:/Users/Andi/AppData/Roaming/Mozilla/Firefox/Profiles/x9uzmnty.Test ohne/chrome/Icons/Hilfe8.png

Andi ist hier sein Windows-Benutzername, den du durch deinen ersetzen musst, dann kommt der Pfad zu seinem Profil x9uzmnty.Test ohne. Darin ist ein Unterordner chrome und darin wieder ein Unterordner Icons, in dem sich dann schließlich die Datei Hilfe8.png befindet.

grisu2099 hat hier einen eigenen Pfad definiert:

file:///F:/FIREFOX-ICONS/Icons/Handball.png

Auf dem Laufwerk F hat er einen Ordner FIREFOX-ICONS angelegt, darin einen Unterordner Icons und da hinein seine Bilddatei Handball.png.

Zitat von WalterX

Jetzt fehlen mir noch ein paar passende Icons.

Free icons for website with commercial use no attribution PNG and SVG Vector Free Download

Free icons for website with commercial use no attribution PNG and SVG free use any commercial projects no attribution required.

uxwing.com

Icon Archive - 800,000+ free icons & stickers, PNG, SVG Downloads

Zitat von WalterX

Vielen herzlichen Dank an alle Beteiligte.

Was mich davon betrifft, war gern geschehen

Eine andere Spielerei um Ordner zu 'markieren', wäre ein Emoji/Emoticon zum Ordnersymbol hinzuzufügen (margins und font-size müssen angepasst werden):

#PlacesToolbarItems > toolbarbutton[label="test"]::before {   
    content: '🍺' !important;
    display: block !important;
    font-size: 11px !important;
    margin-left: 16px !important;
    margin-top: -7px !important;
}

Zitat von Mitleser

Eine andere Spielerei um Ordner zu 'markieren', wäre

Ergibt:

Sieht hier so aus:

Zitat von Mitleser

Sieht hier so aus:

Auch mal in einem neuen Profil getestet?

Ansonsten sind auch bei dir die Ordner doppelt, nur mit einem weiteren eigenem Symbol.

Zitat von 2002Andreas

Ansonsten sind auch bei dir die Ordner doppelt, nur mit einem weiteren eigenem Symbol.

Ein weiteres Symbol war der Sinn, um die Ordner ohne Text anders zu gestallten und damit besser unterscheiden zu können.

Zitat von 2002Andreas

Ansonsten sind auch bei dir die Ordner doppelt

Habe ich nicht verstanden.

Zitat von Mitleser

Habe ich nicht verstanden.

Du hast das Bierglas oben rechts neben dem blauen Ordner.

(oder erkenne ich das falsch, dann sorry)

Zitat von Mitleser

und damit besser unterscheiden zu können.

Ist ja auch ok.

Zitat von Mitleser

Sieht hier so aus:

Also mit gefällt die Lösung mit den 'Overlay'-Icons sehr gut !

So hat man auf einfache Weise eine optische Abgrenzung zu Nicht-Ordnern, da das Ordner-Icon erhalten bleibt.

Werde ich bei mir wohl auch so implementieren...

@BrokenHeart

Danke!

Wer nur das Bierglas möchte:

#PlacesToolbarItems > toolbarbutton[label="test"] > image {
  display: none !important;    
}

#PlacesToolbarItems > toolbarbutton[label="test"] {
  font-size: 0 !important;    
  padding-left: 10px !important;
  padding-right: 12px !important;
}
    
#PlacesToolbarItems > toolbarbutton[label="test"]::before {
 content: '🍺' !important;
 font-size: 13px !important;
}

Die Icons gibt es z.B. hier:

Funzt das:?

#PlacesToolbarItems > toolbarbutton[label="test"] >.toolbarbutton-text {
    display: none !important;
}
#PlacesToolbarItems > toolbarbutton[label="test"]::before {   
    content: '🍺' !important;
    display: block !important;
    font-size: 11px !important;
/*color: transparent !important;*/
    margin-left: 16px !important;
    margin-top: -7px !important;
}