Link im Ordner in der LZLeiste farblich ändern

harff182

Mit diesem Code von Son Goku habe ich einige Ordner-Labels in der LZLeiste verändert:

CSS

/*    220811:    einzelne Bookmark-Labels einfärben
            Son Goku:    https://www.camp-firefox.de/forum/thema/135124 
*/
.bookmark-item[label="2 do"] {
        font-weight: 700  !important;
        color:red !important;        
    }
.bookmark-item[label="DZ2do"] {
        font-weight: 700  !important;
        color:red !important;        
    }
    
.bookmark-item[label="YTer"] {
        font-weight: 700  !important;
        color:red !important;        
    }
/*    und wenn es was in dem Ordner sein soll ??  */

.bookmark-item[label="Alter"] {
        font-weight: 700  !important;
        color:red !important;        
}

Alles anzeigen

Im Ordner "YTer" habe ich einen Eintrag "Alter".

Wie ändere ich dessen Farbe?

mDv...

Dharkness

Zitat von harff182

Im Ordner "YTer" habe ich einen Eintrag "Alter".
Wie ändere ich dessen Farbe?

Sprich nur der Eintrag im Ordner YTer falls es einen gleichnamigen Eintrag in einem anderen Ordner gibt?

Dann teste das ↓.

CSS

menu.bookmark-item[label="YTer"] .bookmark-item[label="Alter"] {
    font-weight: bold !important;
    color: #F20 !important;
}

2002Andreas

Zitat von Dharkness

Dann teste das

Funktioniert hier nicht

Dieser schon:

CSS

toolbarbutton.bookmark-item[label="YTer"] menuitem.bookmark-item[label="Alter"] {
    font-weight: bold !important;
    color: #F20 !important;
}

Und wenn "Alter" ein Ordner und kein Link ist:

CSS

toolbarbutton.bookmark-item[label="YTer"] menu.bookmark-item[label="Alter"] {
    font-weight: bold !important;
    color: #F20 !important;
}

harff182

2002Andreas :

klappen beide nicht.

Hier mal mein kompletter code für das .css, das ich importiere:

CSS

 /*    36_Lesezeichen_pimpen.css    
    mit Hilfe von Andy in meiner Nachfrage:
    https://www.camp-firefox.de/forum/thema/133931/?postID=1192141#post1192141

     211210:    Fontspielereien am Lesezeichen-Zeilen-Text ;) 
            font-weight: 400 = normal
            font-weight: 500 = medium 
            font-weight: 600 = semi bold 
            font-weight: 700 = bold
            https://developer.mozilla.org/de/docs/Web/CSS/font-weight#summary
    
    220811:    Son Goku: einzelne Labels einfärben
*/
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu.menu-iconic.bookmark-item,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item,
#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
    font-weight: 700 !important;    
    font-size: 11px !important;
}

#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu.menu-iconic.bookmark-item,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item
{
    color: darkblue !important;
    font-size: 10px !important
}

/*    220811:    einzelne Bookmark-Labels einfärben
            Son Goku:    https://www.camp-firefox.de/forum/thema/135124 
*/
/*    alles Ordner in der Lesezeichenleiste: */
.bookmark-item[label$="2 do"] {
        font-weight: 700  !important;
        color:red !important;        
    }
.bookmark-item[label$="DZ2do"] {
        font-weight: 700  !important;
        color:red !important;        
    }
    
.bookmark-item[label$="YTer"] {
        font-weight: 700  !important;
        color:red !important;        
    }
    
/*    wenn es ein Link in einem Ordner sein soll, klappt das hier... */
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item[label$="Startseite"] {
        font-weight: 700  !important;
        color:red !important;        
}
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item[label$="Startseite - Stadtwerke Düsseldorf AG"] {
        font-weight: 700  !important;
        color:red !important;        
}

#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item[label$="Spezial Drähte - Zivipf.de"] {
        font-weight: 700  !important;
        color:red !important;        
}

/*    aber wenn es ein Ordner in dem Ordner sein soll ??  */

toolbarbutton.bookmark-item[label="YTer"] menuitem.bookmark-item[label="Alter"] {
    font-weight: bold !important;
    color: #F20 !important;
}

toolbarbutton.bookmark-item[label$="YTer"] menu.bookmark-item[label$="Alter"] {
    font-weight: bold !important;
    color: red !important;
}

Alles anzeigen

Son Goku

Zitat von harff182

Im Ordner "YTer" habe ich einen Eintrag "Alter".

Hallo,

wo genau ist den der Ordner, in der Lesezeichenleister oder im LesezeichenMenü also da wo auch Datei, Bearbeiten usw steht ?

milupo

Du verwendest mehrfach [label$] als Attributselektor. Das bedeutet, der angegebene Text des Attributs steht am Ende eines längeren Textes. Einerseits verwendest du in Zeile 63 [label="Yter"], das bedeutet Yter ist der vollständige Text des Attributs. Andererseits in Zeile 68 [label$="Yter"], das bedeutet, dass der Text von label länger ist und Yter am Ende steht. Was denn nun?

Son Goku

mach doch einfach so

CSS

/* für Link in LZ-Leiste */
.bookmark-item[label="FX Forum - camp-firefox.de"] {
        color:orange !important;
        }
    
/* für Ordner in LZ-Leiste */   
.bookmark-item[container='true'][label='Mozilla'] {
    color: lime !important;    }

harff182

Zitat von milupo

Du verwendest mehrfach [label$] als Attributselektor. Das bedeutet, der angegebene Text des Attributs steht am Ende eines längeren Textes. Einerseits verwendest du in Zeile 63 [label="Yter"], das bedeutet Yter ist der vollständige Text des Attributs. Andererseits in Zeile 68 [label$="Yter"], das bedeutet, dass der Text von label länger ist und Yter am Ende steht. Was denn nun?

Das habe ich so nicht in Erinnerung gehabt.

Ich hab halt mit meinen Tests solange rumprobiert, bis was funktioniert hat und es dann so gelassen.

Der Text ist immer der komplette Text des Bookmarks. Dann kann ich also "$" überall weglassen?

Son Goku :

Und wie färbst Du den Text für den Ordner "Scripte" im "Mozilla"-Ordner?

Das ist das, was ich (noch) nicht hinbekomme...

Son Goku

Zitat von harff182

Und wie färbst Du den Text für den Ordner "Scripte" im "Mozilla"-Ordner?

Textfarbe wird mit folgendes für Ordner geändert.

CSS

.bookmark-item[label="Scripte"] {
    color:lime !important;
    }

im Prinzip mußte nur das Wort Scripte ändern.

Die Standard Ordnersymbole habe ich auch geändert, die sind nicht in elb.

oder so kannste auch

CSS

.bookmark-item[container='true'][label='Scripte'] {
    color: lime !important;    }

harff182

Zitat von Son Goku
Textfarbe wird mit folgendes für Ordner geändert.
CSS
.bookmark-item[label="Scripte"] {
    color:lime !important;
    }    
im Prinzip mußte nur das Wort Scripte ändern.

Funktioniert hier nicht...

Dharkness

Zitat von harff182

Funktioniert hier nicht...

Hm,

Einträge dieser ↓ Art funktionieren hier ohne Probleme.

CSS

menu.bookmark-item[label="Internet"],
menu.bookmark-item[label="Firefox"],
menu.bookmark-item[label="Mozilla"],
menu.bookmark-item[label="System"] {
    list-style-image: url("file:///H:/Profile/Firefox/Fx57-H-Default/chrome/icons/folder-4s.png") !important;
    background-color: #141414 !important;
    color: #FFF !important;
}

Bis auf das menu davor und dem list-style-image sind die Einträge also identisch, das menu davor muss nicht unbedingt sein, ich setze es nur zur Präzisierung davor.

Son Goku

Zitat von harff182

Funktioniert hier nicht..

mhh dann bin ich hier raus.

ich kann nur auf Windows 10 Pro Testen.

dann weis ich leider nicht weiter.

milupo

Zitat von harff182

Der Text ist immer der komplette Text des Bookmarks. Dann kann ich also "$" überall weglassen?

Ja.

Hier noch etwas zum Lesen:

CSS/Tutorials/Selektoren/einfacher Selektor – SELFHTML-Wiki

2002Andreas

Zitat von harff182

Funktioniert hier nicht...

Durch diesen Teil von deinem Code kommt das:

CSS

#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu.menu-iconic.bookmark-item,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item
{
    color: darkblue !important;
    font-size: 10px !important
}

Du musst dann die ausschließen, die eine eigene andere Farbe haben sollen.

Z.B. so:

CSS

#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu.menu-iconic.bookmark-item,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item:not([label="Alter"])
{
    color: darkblue !important;
    font-size: 10px !important
}

Teste bitte mal.

Und dann meinen Code aus Beitrag Nr.3 nehmen.

harff182

Zitat von Dharkness

Einträge dieser ↓ Art funktionieren hier ohne Probleme.

CSS

menu.bookmark-item[label="Internet"],
menu.bookmark-item[label="Firefox"],
menu.bookmark-item[label="Mozilla"],
menu.bookmark-item[label="System"] {
    list-style-image: url("file:///H:/Profile/Firefox/Fx57-H-Default/chrome/icons/folder-4s.png") !important;
    background-color: #141414 !important;
    color: #FFF !important;
}

Und das sind alles Unterordner in einem andern Ordner in der Lesezeichen-Leiste?

Ordner-Labels in der Lesezeichenleiste bekomme ich hin.

Bookmark-Labels in der Lesezeichenleiste bekomme ich hin.

Bookmark-Labels in einem Ordner in der Lesezeichenleiste bekomme ich hin.

(Unter-)Ordner-Labels in einem Ordner in der Lesezeichenleiste bekomme ich nicht hin.

Dharkness

Hallo 2002Andreas,

Zitat von 2002Andreas

:not([label="Alter"])

sag mal, wie würde ich da mehrere einfügen?

Son Goku

Zitat von Dharkness

Hallo 2002Andreas,

Zitat von 2002Andreas

:not([label="Alter"])

sag mal, wie würde ich da mehrere einfügen?

therotisch würde ich versuchen

Code

:not([label="Alter"], [label="Alter123"])

aber ich würde immer die komplette Zeile nehmen.

harff182

Zitat von 2002Andreas

Durch diesen Teil von deinem Code kommt das:

CSS

#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu.menu-iconic.bookmark-item,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item
{
    color: darkblue !important;
    font-size: 10px !important
}

Du musst dann die ausschließen, die eine eigene andere Farbe haben sollen.

Z.B. so:

CSS

#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu.menu-iconic.bookmark-item,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item:not([label="Alter"])
{
    color: darkblue !important;
    font-size: 10px !important
}

Teste bitte mal.

Und dann meinen Code aus Beitrag Nr.3 nehmen.

So sieht mein Code jetzt aus und die Codezeilen 52-65 sind nicht meht wirksam.

CSS

/*    36_Lesezeichen_pimpen.css    
    mit Hilfe von Andy in meiner Nachfrage:
    https://www.camp-firefox.de/forum/thema/133931/?postID=1192141#post1192141

     211210:    Fontspielereien am Lesezeichen-Zeilen-Text ;) 
            font-weight: 400 = normal
            font-weight: 500 = medium 
            font-weight: 600 = semi bold 
            font-weight: 700 = bold
            https://developer.mozilla.org/de/docs/Web/CSS/font-weight#summary
    
    220811:    Son Goku: einzelne Labels einfärben
*/
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu.menu-iconic.bookmark-item,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item,
#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
    font-weight: 700 !important;    
    font-size: 11px !important;
}

#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu.menu-iconic.bookmark-item,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item
{
    color: darkblue !important;
    font-size: 10px !important
}


/*    220811:    einzelne Bookmark-Labels einfärben
            Son Goku:    https://www.camp-firefox.de/forum/thema/135124 
*/
/*    alles Ordner in der Lesezeichenleiste: */
.bookmark-item[label="2 do"] {
        font-weight: 700  !important;
        color:red !important;        
    }
.bookmark-item[label="DZ2do"] {
        font-weight: 700  !important;
        color:red !important;        
    }
    
.bookmark-item[label="YTer"] {
        font-weight: 700  !important;
        color:red !important;        
    }
    
.bookmark-item[label="Stau"] {
        font-weight: 700  !important;
        color:red !important;        
    }
    
/*    wenn es ein Link in einem Ordner sein soll, klappt das hier... */
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item[label="Startseite"] {
        font-weight: 700  !important;
        color:red !important;        
}
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item[label="Startseite - Stadtwerke Düsseldorf AG"] {
        font-weight: 700  !important;
        color:red !important;        
}

#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item[label="Spezial Drähte - Zivipf.de"] {
        font-weight: 700  !important;
        color:red !important;        
}

/*    aber wenn es der Ordner "Alter" in dem Ordner "YTer" sein soll ?? 
    Andys Vorschlag:
*/

#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu.menu-iconic.bookmark-item,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item:not([label="Alter"])
{
    color: darkblue !important;
    font-size: 10px !important
}

toolbarbutton.bookmark-item[label="YTer"] menu.bookmark-item[label="Alter"] {
    font-weight: bold !important;
    color: red !important;
}

Alles anzeigen

Was habbich falsch gemacht?

harff182

Hab einen Link "Alter" eingefügt, den "schuldigen" Bereich komplett auskommentiert und die beiden Codes aus #3 von 2002Andreas eingefügt:

CSS

/*    36_Lesezeichen_pimpen.css    
    mit Hilfe von Andy in meiner Nachfrage:
    https://www.camp-firefox.de/forum/thema/133931/?postID=1192141#post1192141

     211210:    Fontspielereien am Lesezeichen-Zeilen-Text ;) 
            font-weight: 400 = normal
            font-weight: 500 = medium 
            font-weight: 600 = semi bold 
            font-weight: 700 = bold
            https://developer.mozilla.org/de/docs/Web/CSS/font-weight#summary
    
    220811:    Son Goku: einzelne Labels einfärben
*/
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu.menu-iconic.bookmark-item,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item,
#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
    font-weight: 700 !important;    
    font-size: 11px !important;
}

/* #PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu.menu-iconic.bookmark-item,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item
{
    color: darkblue !important;
    font-size: 10px !important;
} */

    220811:    einzelne Bookmark-Labels einfärben
            Son Goku:    https://www.camp-firefox.de/forum/thema/135124 

/*    alles Ordner in der Lesezeichenleiste: */
.bookmark-item[label="2 do"] {
        font-weight: 700  !important;
        color:red !important;        
    }
.bookmark-item[label="DZ2do"] {
        font-weight: 700  !important;
        color:red !important;        
    }
    
.bookmark-item[label="YTer"] {
        font-weight: 700  !important;
        color:red !important;        
    }
/*    und ein einsames Bookmark*/    
.bookmark-item[label="Stau"] {
        font-weight: 700  !important;
        color:red !important;        
    }
    
/*    wenn es ein Link in einem Ordner sein soll, klappen die hier... */
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item[label="Startseite"] {
        font-weight: 700  !important;
        color:red !important;        
}
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item[label="Startseite - Stadtwerke Düsseldorf AG"] {
        font-weight: 700  !important;
        color:red !important;        
}

#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item[label="Spezial Drähte - Zivipf.de"] {
        font-weight: 700  !important;
        color:red !important;        
}

/*    aber wenn es der Ordner "Alter" in dem Ordner "YTer" sein soll ?? 
    Andys Vorschlag, :
*/

toolbarbutton.bookmark-item[label="YTer"] menuitem.bookmark-item[label="Alter"] {
    font-weight: bold !important;
    color: #red !important;
}

toolbarbutton.bookmark-item[label="YTer"] menu.bookmark-item[label="Alter"] {
    font-weight: bold !important;
    color: red !important;
}

Alles anzeigen

Kein "Alter" fühlt sich angesprochen...

Und jetzt muß ich mich meine Mom ins Bett pflegen und danach

bis moggähn...

milupo

Zitat von Dharkness

sag mal, wie würde ich da mehrere einfügen?

Seit einigen Versionen ist :not() eine Pseudoklasse, die mehrere Argumente annehmen kann, die durch ein Komma getrennt werden. Es ist sozusagen das negative Gegenstück zu positivem :is().

harff182 11. August 2022 um 11:53