3 Semantic MediaWiki/Beispiele/Kundendaten/Vorlage gestalten

==Infobox==


Die Tabelle kann auch als Infobox formatiert werden. Diese erscheint dann rechts oder links neben dem Fließtext.

[[Datei:Vorlage-Infobox.png|alternativtext=Infobox|zentriert|mini|850x850px|Infobox]]<br /><ol><li>Geben Sie auf der Seite ''Vorlage:Kundendaten/styles.css'' folgenden Code ein und speichern Sie die Seite. Stellen Sie sicher, dass Sie bestehenden Code mit der Klasse .smwtable voher löschen, falls Sie bereits eine andere Tabellenformatierung erstellt hatten:
<syntaxhighlight type="css">
table.smwtable {
float:right; /*Infobox rechts vom Fließtext*/
width:300px; /*Breite der Infobox*/
margin: 0 0 2em 2em; /*Abstand vom Fließtext links und unten*/
background-color: #f8f9fa; /*Hintergrundfarbe der Tabelle*/
color: #222; /*Textfarbe*/
border: 1px solid #a2a9b1; /*Umrandung*/
border-collapse: collapse; /*Umrandung*/
}
table.smwtable > tr > th, table.smwtable > * > tr > th {
background-color: #eaecf0; /*Hintergrundfarbe der Beschriftungsspalte*/
text-align: left; /*Textausrichtung der Beschriftungsspalte*/
}
table.smwtable > tr > th, table.smwtable > tr > td, table.smwtable > * > tr > th, table.smwtable > * > tr > td {
border: 1px solid #a2a9b1; /*Umrandung der Zellen*/
padding: 0.2em 0.4em; /*Zellenabstand innen*/
}
form.createbox table.formtable th {
padding:10px 0; /*Abstand zwischen den Formularfeldern*/
} 
</syntaxhighlight>
</li>
</ol>
</div>
<br />{{Hinweisbox|boxtype=Tipp|Note text=Wenn Sie mehrere Formate für Ihre Datentabellen benötigen, erstellen Sie jeweils unterschiedliche Vorlagen. Die Stile für die Datentabellen können Sie dann in entsprechenden Unterseiten (styles.css) zur jeweiligen Vorlage definieren.}}

[[de:{{FULLPAGENAME}}]]
[[en:Manual:Semantic_MediaWiki/Examples/Customer_data/Template_styling]]