Klassen der MenĂ¼s zur Formatierung mit CSS

Erklärung des generierten HTML- Codes bei Menüs - inkl. Klassen zur CSS- Formatierung

Der HTML- Code - eine verschachtelte "unordered list"

1) jede <ul>- Liste, egal welcher Ebenen, erhält die Klasse "sslmenue"
2) Klasse der ersten Ebene - "sub1" - das Hauptmenü
3) Name der Stamm- Datei (ohne .php)
4) die <li> - Listenelemente erhalten eine Klasse zusammengesetzt aus dem Prefix "sub_" und einer standardkonformen Umwandlung des Namens des Menüpunktes (keine Sonderzeichen, aus Leerzeichen werden "_",...)
5) der Link zur gerade ersichtlichen Seite bekommt die Klasse "sslmenueactive" - in allen beteiligten Ebenen (im Bsp. ist die Seite "Kabel" als Untermenü- Punkt von "Produkte" zu sehen)
6) das erste "Untermenü" erhält die Klasse "sub2", zusätzlich zu "sslmenue" und "index" - siehe 1) und 3)
7) das <li> - Element des Submenüs erhält die Klasse des "Mutter- <li> - Elementes" (hier "sub_produkte") sowie die dementsprechende aufbereitete
8) Bezeichnung der Menü- Punkte

Sämtliche Klassen- Zuweisungen setzen sich in dieser Art fort, somit sollten sämtliche Ebenen und Links per CSS "ansprechbar" und formatierbar sein. Bei Zweifel den HTML- Code der zu formatierenden Seite aufrufen. Weitere Infos und Anwendungen sind als kostenlose Templates auf unseren Seiten zu finden.

Im Menüeditor ist für jeden Menüpunkt zusätzlich die Vergabe einer "Sonderklasse" möglich. Diese befindet sich nach 4) und ermöglicht die separate Darstellung dieses Listenelementes bzw. dessen Inhalt.
ACHTUNG: diese "Sonderklasse" wird geg. auch in den "body- Tag" geschrieben. Für Formatierungen die nur für das Menü gelten bitte die vollständige Kaskade verwenden, z.B.: ul.sslmenue li.sonderklasse { padding-top:15px; }

Weitere Anleitungen, Tipps & Tricks unter www.cms-self-service-lite.at