Thema: "Menüstyle für Dummies" gesucht!

Hallo,
ich würde gern für ein Menü eine andere Farbe/Style verwenden. Dazu muss ich ja bestimmt den Menü_Klassen_Suffix ändern, oder und auch den Modul_Klassen_Suffix? Um dann den neuen Style auch auswählen zu können, brauch ich ja einen Eintrag in der CSS-Datei. Soweit hab ich mich hier belesen.
Irgendwie weiss ich jedoch nicht, wo ich ansetzen sollte.
Kann ich den bisherigen CSS-Code meiner Menüs einfach hernehmen und kopieren, dann ändern bzw. die Bilder (Rahmen, Backround) anpassen und diesen neu erstellten Codeschnipsel in die CSS-Datei einfügen?
Wo fängt der Menü-Style-Code an, wo hört er auf?
Wie mache ich das beim Modul-Klassen-Suffix? Muss da was geändert werden?
Ich habe schon viele Beiträge gelesen, aber irgenwie blick ich da nicht durch.
Gibt es irgendwo eine gute Anleitung? Sowas wie: "Menüstyle für Dummies"?
Es geht um diese Seite hier.

Hi,
der Modul-Klassensuffix ändert nur die CSS-Klasse für genau dieses Modul... auf *allen* Seiten. Den Text den du dort einträgst schreibt J! dann auch ins HTML zum Modul.
Der Menü-Klassensuffix ändert die CSS-Klasse für dieses Menü, i.d.R. also im <UL> welche das Menü beinhaltet.
Bei Menüs kannst du also das umgebende Kontainer-DIV (Modul) als auch das darin gerenderte Menü selbst (UL) "stylen".

Wenn du in die Felder einen Klassennamen einträgst und davor ein Leerzeichen lässt kannst du CSS-Angaben kombinieren " anders", d.h. das was "sowieso" auf das Modul oder das Menü wirkt und das was du mit der *neuen* Klasse ergänzt.
<div class="moduletable anders">
<ul class="menu anders">
.moduletable { color:red; background:red; }
.anders { color: blue; } /* überschreibt "color", ändert background aber nicht */
Wenn du kein Leerzeichen lässt oder einen Unterstrich am Anfang hast wird eine ganz neue eindeutige CSS-Klasse daraus und du MUSST sehr wahrscheinlich ALLES an CSS kopieren, das vorher das Modul/Menü betraf:
<div class="moduletable_anders">
<ul class="menu_anders">
.moduletable { color:red; background:red; }
.moduletable_anders { color: blue; } /* NUR "color" background ist "weg" */

Wolltest du das wissen?
CirTap

Ja, das wollte ich wissen. Danke schön.