LesezeichenOrdner, Farbe ändern aber auch Spezial Ordner ???

Dato

Hallo,
ich möchte meine LZOrdner ein wenig aufpeppen und habe folgenden code benutzt

CSS

/* Ordner */  
toolbarbutton.bookmark-item{ 
   -moz-appearance: none !important;
   background-color: #ffffff !important;
   margin-bottom:6px !important;
   margin-top:5px !important;
   margin-right:5px !important;
   padding: 5px !important;
   border: 1px solid #ebebeb !important;
   border-radius: 5px;
   }


toolbarbutton.bookmark-item:hover{
   background-color: #ffffff!important;
   border-radius: 5px;
   border: 1px solid #ff9500 !important; }


 /* Spezial Ordner */
   .bookmark-item[container="true"][label="test"] {
   -moz-appearance:none!important;
   background-color: #239eda !important;
   font-weight: bold;
   color: #ffffff !important;
   border: 1px solid #0480b8 !important; }


  .bookmark-item[container="true"][label="test"]:hover  {
   background-color: #0480b8 !important;
   border: 1px solid #239eda !important; }

Alles anzeigen

sieht dann so aus
[attachment=1]Unbenannt-1.jpg[/attachment]

ist auch völlig ok, aber wenn ich jetzt diesen Code ändere

CSS

/* Ordner */  
toolbarbutton.bookmark-item{ 
   -moz-appearance: none !important;
   background-color: #ffffff !important;
   margin-bottom:6px !important;
   margin-top:5px !important;
   margin-right:5px !important;
   padding: 5px !important;
   border: 1px solid #ebebeb !important;
   border-radius: 5px;
   }

Alles anzeigen

in ändere

CSS

/* Ordner */  
toolbarbutton.bookmark-item{ 
   -moz-appearance: none !important;
   background-image: linear-gradient(to bottom, #fff 0px, #ebebeb 100%);
   margin-bottom:6px !important;
   margin-top:5px !important;
   margin-right:5px !important;
   padding: 5px !important;
   border: 1px solid #ebebeb !important;
   border-radius: 5px;
   }

Alles anzeigen

der soll sich garnicht ändern sondern nur die Normalen Ordner ????
geändert habe ich nur
von

CSS

background-color: #ffffff !important;

in

Code

background-image: linear-gradient(to bottom, #fff 0px, #ebebeb 100%);

2002Andreas

Die (normalen Ordner)heißen:

Code

toolbarbutton.bookmark-item[container="true"]

und die Hintergrundfarbe heißt:

Code

background-color

Wobei du in diesem Fall das -color auch nicht brauchst.
und nicht:

Code

background-image

Das nimmt man nur bei Bildern.

http://www.css4you.de/background-image.html

Teste es also bitte mal mit diesen Änderungen.

Dato

Danke für den Link von CSS4you, desweiteren klappt das immer noch nicht ???

wenn ich folgenden code hinzufüge

Code

toolbarbutton.bookmark-item[container="true"] {
 background: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
  }

wird der BLaue Ordner trotzdem in weiß angezeigt aber dafür habe ich den Farbverlauf bei den Normalen Ordner ????

ich denke mal ich werde mich in Ruhe mal hinsetzten und den Kompletten Code über arbeiten.

2002Andreas

Dann sprich die anderen Ordner mal auf diese Weise an:

Code

.bookmark-item[container="true"]:nth-child(1),
.bookmark-item[container="true"]:nth-child(3),
.bookmark-item[container="true"]:nth-child(6){


 background: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
  }

Die hinteren Zahlen entsprechen jeweils einem Ordner, hier den ersten..dritten und sechsten. Die Zahlen musst du dann für deine Ordner anpassen.
Sieht dann so aus:

[Blockierte Grafik: http://www2.pic-upload.de/thumb/30122761/Screenshot2.png]

Dadurch wird der Ordner "test" ausgelassen, und behält seine eigene Farbe.

Dato

Zitat von 2002Andreas
Dann sprich die anderen Ordner mal auf diese Weise an:
Code
.bookmark-item[container="true"]:nth-child(1),
.bookmark-item[container="true"]:nth-child(3),
.bookmark-item[container="true"]:nth-child(6){


 background: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
  }
Die hinteren Zahlen entsprechen jeweils einem Ordner, hier den ersten..dritten und sechsten. Die Zahlen musst du dann für deine Ordner anpassen.

Hallo,
so klappt das schonmal, und wenn ich neue Ordner hinzufüge muß ich im Code dann so weiter machen ?

Code

.bookmark-item[container="true"]:nth-child(1),
.bookmark-item[container="true"]:nth-child(3),
.bookmark-item[container="true"]:nth-child(6),
.bookmark-item[container="true"]:nth-child(9),
.bookmark-item[container="true"]:nth-child(10),
.bookmark-item[container="true"]:nth-child(15),
usw

2002Andreas

Zitat von Dato

muß ich im Code dann so weiter machen ?

Ja, für jeden weiteren Ordner den du erstellst.

Dato

ok Danke.