Icon für Lesezeichen-Ordner CSS-Code funktioniert nicht mehr

stoffel78

Code 2002andreas

CSS

.bookmark-item[label="Shoppen"] {
    --bookmark-item-icon: url('file:/C:\Users\SD\AppData\Roaming\Mozilla\Firefox\Profiles\dxui00c9.default-release\chrome\icons\blue.png') !important;
}

.bookmark-item[label="EDV"] {
    --bookmark-item-icon: url('file:/C:\Users\SD\AppData\Roaming\Mozilla\Firefox\Profiles\dxui00c9.default-release\chrome\icons\blue.png') !important;
}

.bookmark-item[label="Info"] {
    --bookmark-item-icon: url('file:/C:\Users\SD\AppData\Roaming\Mozilla\Firefox\Profiles\dxui00c9.default-release\chrome\icons\blue.png') !important;
}

Alles anzeigen

Horstmann

Zitat von grisu2099

Mein Fehler...
Neuer Versuch:

Evtl. noch > img an die :is(...) Kette anhängen, wo du content benutzt?

grisu2099

stoffel78: Hast du die Version aus #19 mal probiert?

stoffel78

grisu2099 ja sieht wie die erste aus

grisu2099

Firefox neu gestartet nach dem Ändern?

Edit: Bin jetzt erstmal offline...

stoffel78

jo

Horstmann

Zitat von stoffel78

CSS

.bookmark-item[label="Shoppen"] {
    --bookmark-item-icon: url('file:/C:\Users\SD\AppData\Roaming\Mozilla\Firefox\Profiles\dxui00c9.default-release\chrome\icons\blue.png') !important;
}

.bookmark-item[label="EDV"] {
    --bookmark-item-icon: url('file:/C:\Users\SD\AppData\Roaming\Mozilla\Firefox\Profiles\dxui00c9.default-release\chrome\icons\blue.png') !important;
}

.bookmark-item[label="Info"] {
    --bookmark-item-icon: url('file:/C:\Users\SD\AppData\Roaming\Mozilla\Firefox\Profiles\dxui00c9.default-release\chrome\icons\blue.png') !important;
}

Alles anzeigen

Wäre gut immer auch die Leiste und das Popup zu sehen; werden dort die Icons angewendet?

stoffel78

nur die 3 versucht

noch schnell mit tabak probiert

2002Andreas

Zitat von stoffel78

Code

file:/C:\Users\SD\AppData\Roaming\Mozilla\Firefox\Profiles\dxui00c9.default-release\chrome\icons\blue.png

Die Slash \ sind falsch rum

So müssen die sein:

'file:/C:/Users/SD/AppData/Roaming/Mozilla/Firefox/Profiles/dxui00c9.default-release/chrome/icons/blue.png'

Horstmann

Probier das mal als Test; bräuchte Einiges an Aufräumen, ist eine grobe Variante von deinem CSS in #1:

CSS

#TabsToolbar {
border-bottom:1px solid grey!important}

#PersonalToolbar{
border-top:1px solid grey!important;
}

#PersonalToolbar{
border-bottom:1px solid grey!important;
}


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

.bookmark-item[label="Info"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Sport"] {list-style-image: url('./icons/black.ico') !important;}
.bookmark-item[label="Shoppen"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="EDV"] {list-style-image: url('./icons/black.ico') !important;}
.bookmark-item[label="Privat"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Daniela"] {list-style-image: url('./icons/black.ico') !important;}
.bookmark-item[label="Download"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Kommunikation"] {list-style-image: url('./icons/black.ico') !important;}
.bookmark-item[label="Multimedia"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Aktuelles"] {list-style-image: url('./icons/black.ico') !important;}
.bookmark-item[label="Versand"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Apotheken"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Gutscheine"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Sonstiges"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Tiere"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Foren/Tipps"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="PKW"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Haushalt"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="TV"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Konsum"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Baumärkte"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Einrichtung"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Baustoffe"] {list-style-image: url('./icons/black.ico') !important;}
.bookmark-item[label="Urlaub"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Mode"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Elektronik"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Werkstatt"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Mein..."] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Arzt"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Tipps"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Foren"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Suchmaschinen"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Equipment"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Makita"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Onlineshop"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Firmen"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Arbeit"] {list-style-image: url('./icons/blue.png') !important;}
.bookmark-item[label="Tabak"] {list-style-image: url('./icons/blue.png') !important;}


.bookmark-item[label="Info"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Sport"] > img {content: url('./icons/black.ico') !important;}
.bookmark-item[label="Shoppen"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="EDV"] > img {content: url('./icons/black.ico') !important;}
.bookmark-item[label="Privat"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Daniela"] > img {content: url('./icons/black.ico') !important;}
.bookmark-item[label="Download"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Kommunikation"] > img {content: url('./icons/black.ico') !important;}
.bookmark-item[label="Multimedia"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Aktuelles"] > img {content: url('./icons/black.ico') !important;}
.bookmark-item[label="Versand"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Apotheken"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Gutscheine"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Sonstiges"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Tiere"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Foren/Tipps"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="PKW"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Haushalt"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="TV"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Konsum"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Baumärkte"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Einrichtung"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Baustoffe"] > img {content: url('./icons/black.ico') !important;}
.bookmark-item[label="Urlaub"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Mode"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Elektronik"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Werkstatt"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Mein..."] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Arzt"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Tipps"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Foren"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Suchmaschinen"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Equipment"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Makita"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Onlineshop"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Firmen"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Arbeit"] > img {content: url('./icons/blue.png') !important;}
.bookmark-item[label="Tabak"] > img {content: url('./icons/blue.png') !important;}



#urlbar[breakout][breakout-extend]{
  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  left: 0 !important;
  width: 100% !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container {
  height: var(--urlbar-height) !important;
  padding-block: 0 !important;
  padding-inline: 0 !important;
}

#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
  animation-name: none !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background {
  box-shadow: none !important;
}


#statuspanel-label {
    background: white !important;
    color: grey !important;
    font-weight: bold !important;
    }



/* Rahmen von Adressfeld und Suchfeld */

#urlbar-container {
    --toolbar-field-focus-border-color: transparent !important;
}

#search-container {
    --toolbar-field-focus-border-color: transparent !important;


}

/* bookmark-items */

#PlacesToolbar > menupopup:first-child
{
    margin-top: -1px !important;
}

#PlacesToolbar menuitem,
#PlacesToolbar menu
{
    margin: 0 2px !important;
    min-height: 22px !important;
    padding: 0 !important;
    border-radius: unset !important;
}


menupopup > menuitem,

menupopup > menu {

padding-block: 0 !important;

padding-inline-start: 10px !important;

}

Alles anzeigen

Mitleser

Oder so:

CSS

/*Lesezeichenordner mit einem definierten Text in der Lesezeichenleiste (Änderung in 143)*/
#PlacesToolbarItems toolbarbutton:is([label="Info"],[label="Shoppen"]).bookmark-item:not(.subviewbutton) .toolbarbutton-icon {
	content: url('../icons/16folder03-black.svg') !important;
}

stoffel78

2002Andreas i glaub i spinn das wars anscheinend

hab vom icon adresse kopiert aber auf slash net geachtet

manchmal sind es die kleinen dinge...

mach jetzt mal alle durch und schau mal ob alles funktioniert danke

2002Andreas

Zitat von stoffel78

hab vom icon adresse kopiert

Das ist das (blöde) bei Windows mit den Slash

Zitat von stoffel78

mach jetzt mal alle durch und schau mal ob alles funktioniert

Eine Rückmeldung wäre dann nett.

stoffel78

Funktioniert kann mich nur tausendfach bedanken

2002Andreas

Zitat von stoffel78

Funktioniert kann mich nur tausendfach bedanken

Sehr schön

Was mich dvon betrifft, war gern geschehen

stoffel78

Horstmann danke für deine arbeit sieht jetzt genauso aus wie ichs eben selbst bearbeitet habe.

allerdings bei deiner bearbeitung is was schief gelaufen wenn ich da adresse im feld eingeben will siehts so aus wie am bild

bild 2 normal

Horstmann

Zitat von stoffel78

Horstmann danke für deine arbeit sieht jetzt genauso aus wie ichs eben selbst bearbeitet habe.
allerdings bei deiner bearbeitung is was schief gelaufen wenn ich da adresse im feld eingeben will siehts so aus wie am bild
bild 2 normal

Das liegt an deinem CSS, das ist veraltet und vermutlich nicht das was du aktuell benutzt.

Du könntest nur Zeilen 58 bis 95 von Beitrag #30 (zusätzlich) benutzen, alles andere hatte ich unverändert von deinem CSS aus #1 kopiert.

stoffel78

doch benutze diese css aktuell

Horstmann

Zitat von stoffel78

doch benutze diese css aktuell

In deiner CSS in Zeile 57 steht das Wort CSS, was da nicht sein soll.

Lösch das Wort mal raus und sieh was passiert, mit deinem originalen Code.

Beitrag von 2002Andreas (24. September 2025 um 18:43)