Farbige Ordnersymbole

  • Der Code aus Beitrag Nr. 11 gilt pauschal für alle Ordner Icons.

    Wenn du also für dich Ordner speziell ansprechen willst musst du einen meiner Codes einfach zusätzlich unten drunter einfügen.
    Dann bleiben alle anderen Ordner mit dem gelben Icon, und nur diese 3 aus meinem Beispiel haben ein anderes eigenes Icon.


    für die Mühe die du dir machst


    Alles ist gut, ich bin doch zum helfen hier :wink:

  • Hallo 2002Andreas

    Wieder mal tausend Dank.Habe es jetzt so hinbekommen.Habe den base64 Code durch den Pfad meiner Icons ersetzt und es funktioniert.Jeder Ordner hat nun sein eigenes Icon.


    Recht vielen Dank und ein schönes Wochenende hwww

    Firefox 120.0 - 64 Bit / Windows 11 - 23H2 - 64 Bit - Home

  • Ich klemm mich mal hier ran an den Thread, hoffe das ist ok.
    Ich habe auch allgemein die Ordnersymbole in orange, aber mit dem fill-Attribut und einen Ordner blau
    Der Code sieht bei mir so aus:

    Wie bekomme ich es hin, dass auch der Ordner namens BM in der Lesezeichen-Sidebar blau wird?

    Hilfe auch im deutschsprachigen Matrix-Chat möglich oder im IRC-Chat
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)


  • Hallo,
    also ich habs so (für einzelne Ordner) in der userChrome.css gelöst:

    CSS
    .bookmark-item[label="Filme"] {list-style-image: url('./icons/DVD.png') !important;}

    Icons liegen also im Unterordner "/icons" des chrome-Ordners
    geht prima.

    Grüße

    Danke, das genügt mir vollkommen um drei Ordner etwas zu personalisieren :klasse:

    Gruß Rainer

  • Mit dem obigen code wird ja ein anderes Symbol eingefügt, das brauche ich gar nicht, sondern nur eine andere Farbe. Mir gelingt aber das Einfärben spezieller Ordner nicht. Momentan sind alle in der sidebar grün:

    CSS
    /* Lesezeichen Sidebar - Ordnericon liegend grün */
    @-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 
    url("chrome://browser/content/history/history-panel.xul") {
    	treechildren::-moz-tree-image(container) {
    		fill:green !important; }		
    }

    Nun möchte ich 2-3 anders einfärben. Wie?

  • Würde mich auch interessieren, wie ich den vorhandenen Ordnern (allen, nicht einzeln) der Lesezeichen-Symbolleiste einfach nur eine andere Farbe geben kann sowie dem Text dazu. Also ohne den Ordnern eine neue Grafik zuzuweisen.

    Chromebook Lenovo IdeaPad Flex 5 - chromeOS 122 (Stable Channel) - Linux Debian Bookworm: Firefox ESR 115.8.0 und Firefox Nightly, Beta und Main Release (Mozilla PPA), Android 13: Firefox Nightly und Firefox (Main Release)

    Smartphone - Firefox Main Release, Firefox Nightly, Firefox Klar (Main Release)


  • Würde mich auch interessieren, wie ich den vorhandenen Ordnern (allen, nicht einzeln) der Lesezeichen-Symbolleiste einfach nur eine andere Farbe geben kann sowie dem Text dazu. Also ohne den Ordnern eine neue Grafik zuzuweisen.

    Das steht doch dort: https://www.camp-firefox.de/forum/viewtopi…065999#p1065999

    Wenn alle die gleiche Farbe haben sollen, einfach das label weglassen:

    CSS
    toolbarbutton[class="bookmark-item"][type="menu"][container="true"] {
       filter:none !important;
       fill:orange !important;
       color:blue !important;
    }

    [edit]
    Vielleicht noch besser, weil's weiter wirkt:

    CSS
    .bookmark-item[container="true"] {
       fill:orange !important;
       color:blue !important;
    }

    Aloha, Uli

    Seit 102.0 wieder mit dem jeweils neuesten 64bit-Fx von tete009 unterwegs.

  • hier nochmal alles zusammen gefasst

    betrifft nur die Lesezeichenleiste (LZ)
    [attachment=2]Unbenannt-1.png[/attachment]

    oder so, und im Menü bei "Lesezeichen -> Lesezeichen-Symbolleiste "
    [attachment=1]Unbenannt-4.png[/attachment]

    worin der Unterschhied genau besteht, weis ich leider auch nicht.


    Code
    /* icon Test */
    .bookmark-item[container="true"][label="Test"] {
    ... }

    den Namen des Ordner muß bei z.B [label="Test"] geändert werden in eueren eigenen Ordnername

    und hier noch als base64 das Orignale Ordnersymbol mal anderes rum ;)
    [attachment=0]Unbenannt-6.png[/attachment]

    für base64

    CSS
    .bookmark-item[container="true"][label="Test"] {
       -moz-appearance:none!important;
         list-style-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTY3NUY3MjNFNDQwMTFFN0JCNTZFNDUwN0RDQjdBNDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTY3NUY3MjRFNDQwMTFFN0JCNTZFNDUwN0RDQjdBNDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNjc1RjcyMUU0NDAxMUU3QkI1NkU0NTA3RENCN0E0MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNjc1RjcyMkU0NDAxMUU3QkI1NkU0NTA3RENCN0E0MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsI7/MYAAACeSURBVHjaYvz//z8DMeDGjZv/6+vrGL58+QoXCw8PZ2AAGUAIX79+439CQsL/Y8eO/79//wEYgwz08vL+z7Jo0eL/K1euxGs7NzcXQ2FhEYOkpCRcjJ2dHUyzgDT39fXBBUgFjCBnMFAAWEBEbW0tWZqbm5sZmBgoBKMGUMEAcDR++vSJgYWFhSSNf/78gSSkhQsXEUzKuAAoMwEEGAC4mFeEiMjWbwAAAABJRU5ErkJggg==') !important;
    	-moz-image-region: rect(0px 16px 16px 0px) !important;
    	margin-top: 1px!important;
    	color: red !important; 
    	 }


    für die Punkte kann dein base64 Code verwendet werden.

    CSS
    list-style-image:  url('............') !important;

  • ...
    worin der Unterschhied genau besteht, weis ich leider auch nicht.
    ...

    Der Code

    Code
    .bookmark-item[container="true"]...

    "wirkt" weiter, z. B. auch in Untermenüs. Der andere Code wirkt ausschließlich in der Lesezeichenleiste.

    Aloha, Uli

    Seit 102.0 wieder mit dem jeweils neuesten 64bit-Fx von tete009 unterwegs.

  • ok, nicht so tragisch. Hauptsache der eine Ordner "BM" ist in der Lesezeichen-Symbolleiste blau. Wäre halt nett gewesen, wenn er auch in der Bibliothek und Sidebar auch blau wäre, ist aber wie gesagt nicht so schlimm. Danke

    Hilfe auch im deutschsprachigen Matrix-Chat möglich oder im IRC-Chat
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)

  • Danke für deinen Tip. Jetzt habe ich das mit dem Base64 Editor kapiert.
    Habe mich schon gefragt wo man den her bekommt.

    Leider habe ich das Ortnerbild nicht in einer guten Qualität und Farbe.