LesezeichenLeiste Ordner in verschiedenen Farbe ?

Dato

Hallo,
ist es irgendwie möglich das man in der LesezeichenLeiste vom Fux Version 24.0.0 bestimmte Ordner in einer anderen Farbe geben kann ?

Das kann ruhig über der userchrome.css gehen.

z.B. Local soll Rot und Online soll Blau
[Blockierte Grafik: http://img5.fotos-hochladen.net/uploads/unbenannt2xyjh60f859.jpg]

2002Andreas

Nur mal als Beispiel

CSS

toolbarbutton[class="bookmark-item"][label="Local"]{
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABL0lEQVR42mNkoBAwgojPGRmbmDk5fUHs/3//vnnz7JmH/Jo1Z4k3IDl5PwsXlwNM8P+/fwwMf//i1fj3x4+dvAsWeDC+amoq+fXsWSbQJCVSnP6fgeEem7T0dMYbAgKPmNnYxBgZGdlJMuDfv59/f/9+xXhHTOwaMwuLEiMTE+kG/Plzj/GRrOwpJmZmPQYSXcDw///Pf3//XmJ8rqq6D8i1AmLSDGBg+AnExxjf6Opu+v/njzuQw0aiAb8YWVh2Mn40NV329+fPYHIMYGZnX8v4xcNj1t9v3xL+///PSopuYKz9Bia+BYzfCwr6/vz4kcvw7x8LSfYzMf1h4eCYzHg4JaVRR0iolgGaKkkA/298+NDMyMTIKPHv/39DoAAziQb8ZWZkPE+qrZhhQakBAAUvb63ZZYQ+AAAAAElFTkSuQmCC") !important;
-moz-image-region: rect(0px 0px 0px 0px) !important;}

Du kannst den base64 Code auch tauschen gegen ein Icon deiner Wahl.

Für den anderen Ordner Online

CSS

toolbarbutton[class="bookmark-item"][label="Online"]{
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABc0lEQVR42mNkoBAwUmxAw7LHC/nYfsWhS2zYfIDp0MLk/wQNKJtz639ptArDmSc/4IJ//vxluH31FU5NZy7dZV/W5PYLboCyujjDj5+sKIrEhRHs33+gBv9lYHj69CPD7eu3pBbW2D+3i5/Lylg6++Z/cRl+hm9f/jF8fPeOoJ+ZWVkZzp04nfjr58/HQO4toAE3/guKcDG8f/cdrKAmVo3h2MPvRAVge8tyP8aSWTf+MzH/ZPj7h5lBV1+B4c17guEGBh/fv//15OEjU6AB1////PmRQUtTieHLT3aGf8TpZ3jy4OHxyTl6VowlM6////jxBYOltRHDi9f/iNL888cPhqePHqXPKTOfxVg889p/GSkeht8MvMCYIM761y+evZqcoyMOjkaQAfr6UgzPXvxjYGVjIqj5/79/DLdv3Fs1s8QkHGyAd9rEWH0rjwUfP/0iyvY/v3//3bmgxPLB5X1nwQYAsQVxwYYBTsAMoAhQbAAAAjCiCL9JqqgAAAAASUVORK5CYII=") !important;
-moz-image-region: rect(0px 0px 0px 0px) !important;}

[Blockierte Grafik: http://www7.pic-upload.de/thumb/16.10.13/e3ctdkq58fo8.jpg]

Dato

Hallo,
mhh da ändert sich bei mir garnix, mit deinem Code ?

2002Andreas

Eben noch mal getestet.....funktioniert in Stylish und auch der userChrome.css hier :-??

2002Andreas

Bin mir nicht sicher, aber trag bitte diese beiden Zeilen mal oben in die userChrome.css ein:

@namespace url("http://www.mozilla.org/keymaster/gate…ere.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

wobei die eine hast du davon schon drin.

Dato

ne bringt auch nix das rein zu kopieren.

mhh kömisch in meiner userChrome.css funktioniert es nicht :-??

weis nicht ob es was damit zutuhen hat
Windows 7 Ultimate 64 bit
Firefox 24.0

wenn nicht müßte ich mal meine css Datei auseinander nehmen vielleicht fehlt irgendwo was.

Edit
so jetzt habe ich meine userChrome.css bis auf deinen code leer gemacht und ist immer noch nix zu sehen ?

2002Andreas

Zitat von Dato

Windows 7 Ultimate 64 bit
Firefox 24.0

Das ist egal...passt auch noch in Fx Nightly etc.

Dato

aahh ok habe mal oben ein neues Bild angehängt

2002Andreas

Ich mache mal einen anderen Code....Mom. bitte.

2002Andreas

Teste den dann bitte mal..

CSS

toolbarbutton[class="bookmark-item"][label="Local"] > image {
display:none!important}


toolbarbutton[class="bookmark-item"][label="Local"]{
-moz-appearance:none!important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABL0lEQVR42mNkoBAwgojPGRmbmDk5fUHs/3//vnnz7JmH/Jo1Z4k3IDl5PwsXlwNM8P+/fwwMf//i1fj3x4+dvAsWeDC+amoq+fXsWSbQJCVSnP6fgeEem7T0dMYbAgKPmNnYxBgZGdlJMuDfv59/f/9+xXhHTOwaMwuLEiMTE+kG/Plzj/GRrOwpJmZmPQYSXcDw///Pf3//XmJ8rqq6D8i1AmLSDGBg+AnExxjf6Opu+v/njzuQw0aiAb8YWVh2Mn40NV329+fPYHIMYGZnX8v4xcNj1t9v3xL+///PSopuYKz9Bia+BYzfCwr6/vz4kcvw7x8LSfYzMf1h4eCYzHg4JaVRR0iolgGaKkkA/298+NDMyMTIKPHv/39DoAAziQb8ZWZkPE+qrZhhQakBAAUvb63ZZYQ+AAAAAElFTkSuQmCC") no-repeat !important;
width:auto!important;
padding-left:21px!important;
margin-left:2px!important;
margin-top:1px!important;
margin-bottom:1px!important;
border: 1px solid transparent !important; 
background-position:1px 4px!important;}


toolbarbutton[class="bookmark-item"][label="Local"]:hover{
background: 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABL0lEQVR42mNkoBAwgojPGRmbmDk5fUHs/3//vnnz7JmH/Jo1Z4k3IDl5PwsXlwNM8P+/fwwMf//i1fj3x4+dvAsWeDC+amoq+fXsWSbQJCVSnP6fgeEem7T0dMYbAgKPmNnYxBgZGdlJMuDfv59/f/9+xXhHTOwaMwuLEiMTE+kG/Plzj/GRrOwpJmZmPQYSXcDw///Pf3//XmJ8rqq6D8i1AmLSDGBg+AnExxjf6Opu+v/njzuQw0aiAb8YWVh2Mn40NV329+fPYHIMYGZnX8v4xcNj1t9v3xL+///PSopuYKz9Bia+BYzfCwr6/vz4kcvw7x8LSfYzMf1h4eCYzHg4JaVRR0iolgGaKkkA/298+NDMyMTIKPHv/39DoAAziQb8ZWZkPE+qrZhhQakBAAUvb63ZZYQ+AAAAAElFTkSuQmCC") no-repeat !important;
width:auto!important;
padding-left:21px!important;
border: thin solid #afafa6 !important; 
border-radius:4px!important;
background-position:1px 4px!important;
box-shadow:inset 0px 0px 4px 0px white;}

Alles anzeigen

Stylish oder userChrome.css

2002Andreas

Sieht so aus hier

[Blockierte Grafik: http://www7.pic-upload.de/thumb/16.10.13/vseglev5hyms.jpg]

Dato

mhh keine farbe oder sonst was ändert sich.

die smbole sind noch da und in Gelb ?

geht das auch mit nur der Schriftfarbe ?

ist glaube ich einfacher.

2002Andreas

Verstehe ich nicht.....alle Codes funktionieren hier.

Hier mal der kompl. Eintrag nur für diesen Code in der userChrome.css

CSS

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
    @namespace html url("http://www.w3.org/1999/xhtml");


    
toolbarbutton[class="bookmark-item"][label="Local"] > image {
display:none!important}


toolbarbutton[class="bookmark-item"][label="Local"]{
-moz-appearance:none!important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABL0lEQVR42mNkoBAwgojPGRmbmDk5fUHs/3//vnnz7JmH/Jo1Z4k3IDl5PwsXlwNM8P+/fwwMf//i1fj3x4+dvAsWeDC+amoq+fXsWSbQJCVSnP6fgeEem7T0dMYbAgKPmNnYxBgZGdlJMuDfv59/f/9+xXhHTOwaMwuLEiMTE+kG/Plzj/GRrOwpJmZmPQYSXcDw///Pf3//XmJ8rqq6D8i1AmLSDGBg+AnExxjf6Opu+v/njzuQw0aiAb8YWVh2Mn40NV329+fPYHIMYGZnX8v4xcNj1t9v3xL+///PSopuYKz9Bia+BYzfCwr6/vz4kcvw7x8LSfYzMf1h4eCYzHg4JaVRR0iolgGaKkkA/298+NDMyMTIKPHv/39DoAAziQb8ZWZkPE+qrZhhQakBAAUvb63ZZYQ+AAAAAElFTkSuQmCC") no-repeat !important;
width:auto!important;
padding-left:21px!important;
margin-left:2px!important;
margin-top:1px!important;
margin-bottom:1px!important;
border: 1px solid transparent !important; 
background-position:1px 4px!important;}


toolbarbutton[class="bookmark-item"][label="Local"]:hover{
background: 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABL0lEQVR42mNkoBAwgojPGRmbmDk5fUHs/3//vnnz7JmH/Jo1Z4k3IDl5PwsXlwNM8P+/fwwMf//i1fj3x4+dvAsWeDC+amoq+fXsWSbQJCVSnP6fgeEem7T0dMYbAgKPmNnYxBgZGdlJMuDfv59/f/9+xXhHTOwaMwuLEiMTE+kG/Plzj/GRrOwpJmZmPQYSXcDw///Pf3//XmJ8rqq6D8i1AmLSDGBg+AnExxjf6Opu+v/njzuQw0aiAb8YWVh2Mn40NV329+fPYHIMYGZnX8v4xcNj1t9v3xL+///PSopuYKz9Bia+BYzfCwr6/vz4kcvw7x8LSfYzMf1h4eCYzHg4JaVRR0iolgGaKkkA/298+NDMyMTIKPHv/39DoAAziQb8ZWZkPE+qrZhhQakBAAUvb63ZZYQ+AAAAAElFTkSuQmCC") no-repeat !important;
width:auto!important;
padding-left:21px!important;
border: thin solid #afafa6 !important; 
border-radius:4px!important;
background-position:1px 4px!important;
box-shadow:inset 0px 0px 4px 0px white;}

Alles anzeigen

2002Andreas

Nur die Textfarbe wäre:

CSS

toolbarbutton[class="bookmark-item"][label="Local"]{
color:red!important;}

[Blockierte Grafik: http://www7.pic-upload.de/thumb/16.10.13/ne1y9obsc7c7.jpg]

Dato

dann nehme ich nur den Text.

Wenn ich die Selctoren ändere in

Code

toolbarbutton[class="bookmark-item"][label="Local  "][type="menu"][container="true"]

und

Code

toolbarbutton[class="bookmark-item"][label="Local  "][type="menu"][container="true"]:hover

dann habe ich zwar as rote Icon aber das gelbe dafür auch LOL

Original von dir

CSS

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
    @namespace html url("http://www.w3.org/1999/xhtml");


   
toolbarbutton[class="bookmark-item"][label="Local"] > image {
display:none!important}


toolbarbutton[class="bookmark-item"][label="Local"]{
-moz-appearance:none!important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABL0lEQVR42mNkoBAwgojPGRmbmDk5fUHs/3//vnnz7JmH/Jo1Z4k3IDl5PwsXlwNM8P+/fwwMf//i1fj3x4+dvAsWeDC+amoq+fXsWSbQJCVSnP6fgeEem7T0dMYbAgKPmNnYxBgZGdlJMuDfv59/f/9+xXhHTOwaMwuLEiMTE+kG/Plzj/GRrOwpJmZmPQYSXcDw///Pf3//XmJ8rqq6D8i1AmLSDGBg+AnExxjf6Opu+v/njzuQw0aiAb8YWVh2Mn40NV329+fPYHIMYGZnX8v4xcNj1t9v3xL+///PSopuYKz9Bia+BYzfCwr6/vz4kcvw7x8LSfYzMf1h4eCYzHg4JaVRR0iolgGaKkkA/298+NDMyMTIKPHv/39DoAAziQb8ZWZkPE+qrZhhQakBAAUvb63ZZYQ+AAAAAElFTkSuQmCC") no-repeat !important;
width:auto!important;
padding-left:21px!important;
margin-left:2px!important;
margin-top:1px!important;
margin-bottom:1px!important;
border: 1px solid transparent !important;
background-position:1px 4px!important;}


toolbarbutton[class="bookmark-item"][label="Local"]:hover{
background:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABL0lEQVR42mNkoBAwgojPGRmbmDk5fUHs/3//vnnz7JmH/Jo1Z4k3IDl5PwsXlwNM8P+/fwwMf//i1fj3x4+dvAsWeDC+amoq+fXsWSbQJCVSnP6fgeEem7T0dMYbAgKPmNnYxBgZGdlJMuDfv59/f/9+xXhHTOwaMwuLEiMTE+kG/Plzj/GRrOwpJmZmPQYSXcDw///Pf3//XmJ8rqq6D8i1AmLSDGBg+AnExxjf6Opu+v/njzuQw0aiAb8YWVh2Mn40NV329+fPYHIMYGZnX8v4xcNj1t9v3xL+///PSopuYKz9Bia+BYzfCwr6/vz4kcvw7x8LSfYzMf1h4eCYzHg4JaVRR0iolgGaKkkA/298+NDMyMTIKPHv/39DoAAziQb8ZWZkPE+qrZhhQakBAAUvb63ZZYQ+AAAAAElFTkSuQmCC") no-repeat !important;
width:auto!important;
padding-left:21px!important;
border: thin solid #afafa6 !important;
border-radius:4px!important;
background-position:1px 4px!important;
box-shadow:inset 0px 0px 4px 0px white;}

Alles anzeigen

Danke dir erstmal bis hier hin.

2002Andreas

:-??
Eigenartig...

2002Andreas

Dieser Teil

Code

toolbarbutton[class="bookmark-item"][label="Local"] > image {
display:none!important}

soll ja den gelben Ordner (Icon ) ausblenden extra, und funktioniert hier auch einzeln.

[Blockierte Grafik: http://www7.pic-upload.de/thumb/16.10.13/7orl4pf3lsz4.jpg]

2002Andreas

Schade das niemand weiter da ist um das auch mal zu testen für uns.

2002Andreas

Prüf das doch bitte mal, es darf kein Abstand zwischen den " sein bei :

[label="Local"]

also nicht

[label="Local "]

2002Andreas

Hier mal als Beispiel..

[Blockierte Grafik: http://www7.pic-upload.de/thumb/16.10.13/l6f3oanu188.jpg]