Einzelnen Ordnern im Lesezeichen-Bereich eigenes Icon zuweisen

harff182

moin, moin...

Ich hab mit diesem CSS allen meiner Ordner im Lesezeichen-Bereich = #PersonalToolbar ein bestimmtes Icon zugewiesen:

CSS

/* HT-Frogger "Retro-Design-Script"                                    
   https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=122944&hilit=list+style+image 
   Zeile 1165ff
*/

 treechildren::-moz-tree-image(container),
.bookmark-item[container="true"] {
  list-style-image: url('../icons/folder_10.png') !important;
}

Nun möchte ich in demselben CSS einigen Ordnern ( z.B. Ebay, Youtube, Gesundheit, u.e.a.m.) ein individuelles Icon verpassen.

Wie mach ichs?

harff182

Ok, frei nach der Devise "denn sie wissen nicht, was sie tun" hab ich aus einem anderen CSS abgekupfert:

CSS

/* Youtuber */
toolbarbutton.bookmark-item[label^="YTer"] > image{ 
    visibility: hidden;
}
toolbarbutton.bookmark-item[label^="YTer"]{ 
    background: url('../icons/youtube.png') no-repeat !important; 
    background-size: 16px !important; 
    background-position-x: 4px !important; 
    background-position-y: 2.5px !important;
}

Klappt...

2002Andreas

Zumal du das Thema doch erst vor ein paar Tagen hattest.

#18

harff182

Ich bin aber nicht so tief im FF drin, daß mir klar war: "was mit normalen Bookmarks geht, muß auch mit Ordnern gehn"

Das hab ich mit Bookmarks in Ordnern auch gedacht, und das war ja 'n Satz mit "X".

BrokenHeart

Ok, hier scheint ja wohl alles geklärt zu sein...

Aber damit ich mir die Arbeit nicht ganz umsonst gemacht habe, hier noch meine Lösung.

Damit lassen sich auch die Ordner innerhalb des Haupt-Menu-Popups setzen und 'hovern' funktioniert auch richtig.

CSS

/* Ordner in der PersonalToolbar */
#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label=Musik] {
            list-style-image: url('./image/musik.png') !important;
            -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
}
        
/* Unterordner dazu... */
#PlacesToolbarItems toolbarbutton.bookmark-item[label=Musik]  menupopup menu.menu-iconic.bookmark-item[label=Klavier] hbox.menu-iconic-left image.menu-iconic-icon
{
            list-style-image: url('./image/klavier.png') !important;
            -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
}

Alles anzeigen

harff182

BrokenHeart :

Danke, hab ich mal gebookmarkt für wenn ich in die Verlegenheit komme...

... und das 'hovern' hab ich in meinem CSS auch noch schnell hingebogen, is mir eben garnicht aufgefallen :blushing: