Logo
­
Unterstützen Sie mozilo mit einer Spende

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
mail 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]