Standard-CSS-Elemente
Das Aussehen der einzelnen Elemente von moziloCMS läßt sich per CSS anpassen. Hier eine Liste der dazu nötigen CSS-Selektoren:Syntax
Element | zugehöriger CSS-Selektor |
---|---|
link | a.link |
a.mail | |
seite | a.page |
kategorie | a.category |
datei | a.file |
galerie | a.gallery |
bild | img.contentimage |
bildlinks | span.leftcontentimage (enthält Bild und Bildunterschrift) img.leftcontentimage (das Bild selbst) span.imagesubtitle (Bildunterschrift) |
bildrechts | span.rightcontentimage (enthält Bild und Bildunterschrift) img.rightcontentimage (das Bild selbst) span.imagesubtitle (Bildunterschrift) |
ueber1 | h1.heading1 |
ueber2 | h2.heading2 |
ueber3 | h3.heading3 |
liste | ul.unorderedlist li.listitem |
numliste | ol.orderedlist li.listitem |
tabelle | table.contenttable th.contenttable (Zelle in Kopfzeile) td.contenttable1 (Zelle in Zeile ungerader Nummer) td.contenttable2 (Zelle in Zeile gerader Nummer) td.contenttablecell1, td.contenttablecell2, ... (einzelne Zellen einer Zeile) |
links | p.alignleft |
zentriert | p.aligncenter |
block | p.alignjustify |
rechts | p.alignright |
fett | b.contentbold |
kursiv | i.contentitalic |
unter | u.contentunderlined |
durch | s.contentstrikethrough |
---- | hr.horizontalrule |
Menüs
Element | zugehöriger CSS-Selektor |
---|---|
Hauptmenü | ul.mainmenu li.mainmenu a.menu (Hauptmenüpunkt) a.menuactive (aktiver Hauptmenüpunkt) |
(separates) Detailmenü | ul.detailmenu li.detailmenu a.detailmenu (Detailmenüpunkt) a.detailmenuactive (aktiver Detailmenüpunkt) |
Submenü | li.mainmenu ul.detailmenu li.mainmenu li.detailmenu a.submenu (Submenüpunkt) a.submenuactive (aktiver Submenüpunkt) |
Galeriemenü | ul.gallerymenu li.gallerymenu a.gallerymenu (Galeriemenüpunkt) a.gallerymenuactive (aktiver Galeriemenüpunkt) |
Bildermenü mit Nummern in der Galerie | div.gallerynumbermenu |
sonstige CMS-Elemente
Element | zugehöriger CSS-Selektor |
---|---|
Suchwort-Hervorhebungen | span.highlight |
Fehler in Tag-Attribut oder -Wert | span.deadlink |
Suchformular ({SEARCH}) | form.searchform (das Suchformular) fieldset#searchfieldset (Fieldset des Suchformulars) input.searchtextfield (das Eingabefeld) input.searchbutton (der Suchbutton) |
Kontaktformular ({CONTACT}) | form#contact_form (das Suchformular) table#contact_table (Layout-Tabelle) table#contact_table td span#contact_errormessage (Fehlermeldung) span#contact_successmessage (Erfolgsmeldung) input#contact_name (Eingabefeld "Name") input#contact_mail (Eingabefeld "Mail") input#contact_website (Eingabefeld "Website") textarea#contact_message (Eingabefeld "Nachricht") input#contact_submit (Button "Senden") |
Sitemap | div.sitemap |
Suchergebnisse | div.searchresults |
Inhaltsverzeichnis ({TABLEOFCONTENTS}) | div.tableofcontents li.toc_1 (Listenelement mit Link auf Absatz mit großer Überschrift) li.toc_2 (Listenelement mit Link auf Absatz mit mittlerer Überschrift) li.toc_3 (Listenelement mit Link auf Absatz mit kleiner Überschrift) |
Galerietabelle (Übersichtsmodus) | table.gallerytable td.gallerytd img.thumbnail |
Überschriften-IDs | Die Überschriften (ueber1, ueber2, ueber3) sind mit chronologisch durchnummerierten IDs versehen: #a1, #a2, #a3 usw. Es empfiehlt sich, das Body-Tag des Templates mit der ID "#a0" zu versehen: <body id="a0"> - dahin verweist der Link auf den Seitenanfang: [absatz|Seitenanfang] |