Frage zum Wiki-Artikel ‚Template2‘

[Luca Thiede]

Hallo, ich bin Anfänger im Bereich HTML und CSS.

Bei den CSS Website Beispielen bin ich auf ein Problem gestoßen.

Es handelt sich um das zweite Beispiel, ich wollte bei der Übersicht dafür sorgen dass die Schaltflächen sich in verschiedene Farben färben wenn man den Mauszeiger über sie bewegt, z.B. Home=Blau, Orange Theme=Orange, Green Theme= Grün, Violett Theme= Violett, Pink Theme=Pink.

Ich bedanke mich im voraus für eine Antwort.

[Matthias Scharwies]

Servus!

Hallo, ich bin Anfänger im Bereich HTML und CSS.

Bei den CSS Website Beispielen bin ich auf ein Problem gestoßen.

Es handelt sich um das zweite Beispiel, ich wollte bei der Übersicht dafür sorgen dass die Schaltflächen sich in verschiedene Farben färben wenn man den Mauszeiger über sie bewegt, z.B. Home=Blau, Orange Theme=Orange, Green Theme= Grün, Violett Theme= Violett, Pink Theme=Pink.

Entweder gibst du den einzelnen Links Klassen oder benutzt Pseudoklasen wie nth-of-type

<li><a class="orange" ...>oranges Theme </a></li>

Dann schreibst du für jede Farbe eine Festlegung ins css:

.menu_top a.orange:hover, .menu_top a.orange:focus {
  background: orange;
}

Ich bedanke mich im voraus für eine Antwort.

Herzliche Grüße

Matthias Scharwies

[Luca Thiede]

[Vollzitat entfernt]

Danke Matthias für deine schnelle und hilfreiche Antwort.