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:

    Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.

    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

    Zitat von mike2017

    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.

    Zitat von mike2017

    Nochmals vielen Dank

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

    Ergänzend:

    Zitat von mike2017

    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.