Hintergrundfarbe Hauptmenüpunkte

Da es nur wenige, meist sehr grelle Farben, gibt, die man auch mit einem Namen ansprechen kann, werden für das Design von Webseiten meist die Hex-Werte genommen. Außerdem kann man so eher die Farbschattierungen abschätzen und anpassen. Das Allrounder und die Standardtemplates von Joomla nehmen die Hex-Werte.

Zum Testen nehme ich allerdings des Öfteren die Farbnamen, da grelle Farben gut auffallen und man so sehr einfach erkennt, welche Farbe gerade verwendet wird .

Das mit dem Testen und den Farben ausschreiben macht Sinn :lol:

Mit diesem Code

#topmenu ul.menu li.item-101 > a {
background-color: yellow;
}

klappts wunderbar. Habe den nun in der CSS kopiert das item angepasst und die Farbe red genommen. Meine Frage: Muss ich jetzt immer von #topmenu bis farbe alle schreiben, oder kann man das irgendwie abkürzen? Sozusagen diese li.item-xyz auflisten und mit Farbe versehen, ohne jedesmal #topmenu schreiben zu müssen? Wobei es mit kopieren für mich so auch ok wäre.

Da es sich hier um LESS-Code handelt, kannst du den Pfad zum Element auch splitten:

Danke dir Matthias, mit ist das aber schon viel zu kompliziert All diese } und { richtig zu setzten, aussichtslos bei mir.

Ich habe das nun etwas wie folgt aufgeschrieben:

#topmenu ul.menu li.item-101 > a {
background-color: #FF4000;
width: 100px;
}

#topmenu ul.menu li.item-107 > a {
background-color: #FFFF00;
width: 100px;
}

#topmenu ul.menu li.item-108 > a {
background-color: #01DF01;
width: 100px;
}

#topmenu ul.menu li.item-109 > a {
background-color: #00BFFF;
width: 100px;
}

#topmenu ul.menu li.item-110 > a {
background-color: #DA81F5;
width: 100px;
}

Für dich sicher unelegant. So habe ich aber den überblick. Vielleicht schaffe ich das ja zu einem spätern Zeitpunkt, mal so zusammenzufassen, wie du es vorgeschlagen hast. Hauptsache, es funktioniert im Moment

Als spielerrei fänd ich es noch toll, statt einfache Farben, eben irgendwelche feinen Verläufe zu nehmen für die Buttons. Wie würde ich denn sowas hinkriegen? Sicher irgendwie zwei Fraben definiern und dann noch sagen ob waag- oder senkrecht. Ginge sowas oder will ich zuviel?

Was du suchst ist wiki.selfhtml.org/wiki/CSS/Eigenschaften...inear-gradient.28.29