Lesezeichenordner einfärben oder mit png-file

  • Firefox-Version
    95.0
    Betriebssystem
    Windows 10 Pro 64bit

    Hallo,

    möchte mir die Lesezeichenordner im Firefox (95.0) einfärben oder ein png-file benutzen.

    Habe schon einige Tage hier im Forum rumgestöbert,bin aber mit den Ergebnis nicht zufrieden.

    Zum Einfärben der Ordner habe ich eine userChrome.css erstellt:

    camp-firefox.de/attachment/35023/

    Leider werden die Ordner nur rot umrandet angezeigt.


    Als nächstes versuchte ich es mit einen png-file und folgender userChrome.css:

    Aber auch hier werden erst garkeine Ordner-icon angezeigt.

    Ich muss also irgendetwas falsch machen und brauche nun Eure Hilfe.

    MfG

    Mike

  • Ich muss also irgendetwas falsch machen

    Hallo und Willkommen hier im Forum. 😊

    Vorweg, das Icon ist viel zu groß.

    Hier mal geändert auf 16 x 16

    Mit diesem Code dann erstellt, nur für die Sidebar:

    CSS
    @-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
        
    treechildren::-moz-tree-image(title, container),
    treechildren::-moz-tree-image(title, query, hostContainer) {
     list-style-image: url("file:///C:/Users/Andi/Icons%20Firefox/Folder-Green-icon.png")!important;
     -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
    }
    }

    Den Pfad zu deinem Icon musst du dir dann natürlich anpassen.


    Versuch es bitte mal mit diesem Icon:


    Und so muss der Code sein, wenn du überall einen grünen Ordner haben möchtest:

    CSS
    .bookmark-item[container="true"],
    treechildren::-moz-tree-image(title, container),
    treechildren::-moz-tree-image(title, query, hostContainer) {
     list-style-image: url("file:///C:/Users/Andi/Icons%20Firefox/Folder-Green-icon.png")!important;
     -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
    }

    Mit freundlichem Gruß
    Andreas
    Mein Laptop  Meine Add-ons

    2 Mal editiert, zuletzt von 2002Andreas (16. Dezember 2021 um 12:41) aus folgendem Grund: Ein Beitrag von 2002Andreas mit diesem Beitrag zusammengefügt.

  • Nochmals vielen Dank

    Freut mich wenn ich dir damit helfen konnte, war gern geschehen :)


    Ergänzend:

    Mit neuen png-file

    Dann reicht auch dieser Code aus:

    CSS
    .bookmark-item[container="true"],
    treechildren::-moz-tree-image(title, container),
    treechildren::-moz-tree-image(title, query, hostContainer) {
         list-style-image: url("file:///C:/Users/Andi/Icons%20Firefox/folder-green.png") !important;
    }

    Mit freundlichem Gruß
    Andreas
    Mein Laptop  Meine Add-ons

    Einmal editiert, zuletzt von 2002Andreas (16. Dezember 2021 um 13:33) aus folgendem Grund: Ein Beitrag von 2002Andreas mit diesem Beitrag zusammengefügt.