Hilfe:Benutzung von CSS

Aus GoPalWiki
Wechseln zu: Navigation, Suche

Durch Benutzung von CSS-Klassen könnt Ihr die Text- und Tabellengestaltung stark vereinfachen.

Interne MediaWiki CSS-Klassen

Einige CSS-Klassen werden durch das MediaWiki-System festgelegt und definiert wie z.B. die folgenden, die besonders für Tabellen interessant sind:

  • wikitable formatiert auf einfache Weise Tabellen
{| class="wikitable"

Wenn nicht grundlegendes dagegen spricht, solltet Ihr jede Tabelle so formatieren und dann durch evtl. noch weiter anpassen z.B.:

{| class="wikitable" border="1"

die CSS "wikitabe" formatiert (light gray background, borders, padding and align left) und entspricht damit in etwa folgender Codierung:

{|style="margin: 1em 1em 1em 0px;  
empty-cells: show;
background: rgb(249,249,249);
border-collapse: collapse;
border-bottom: rgb(170,170,170) 2px solid;
border-left: rgb(170,170,170) 2px solid;
border-top: rgb(170,170,170) 2px solid;
border-right: rgb(170,170,170) 2px solid"

Hinweis: Die hier angegebene Codierung entspricht u.U. nicht exakt der CSS "wikitable". Diese wird immer an die entsprechende MediaWiki-Version angepasst und funktioniert damit besser als eigene Formatierungen.

  • sortable macht Tabellen umsortierbar

Ihr schreibt einfach

{| class="sortable"

bzw.

{| class="wikitable sortable"
  • unsortable schließt Spalten von der Sortierbarkeit aus
| class="unsortable"
  • sortbottom (veraltet) schließt Zeilen von der Sortierbarkeit aus
|- class="sortbottom"
  • hiddenStructure macht Zellen unsichtbar
| class="hiddenStructure"

Dies wird in diesem Wiki benutzt um Zellen in Vorlagen bedingt darzustellen (#IF gibt es im Gopal-Wiki nicht). Ein Beispiel dafür ist die Infobox_Software.

|- class{{{1|}}}="hiddenStructure"|

Erläuterung: Ist der 1. Parameter beim Aufruf nicht angegeben, wird die folgende Tabellenzeile ausgeblendet.

Definierte GopalWiki CSS-Klassen

Weitere CSS-Klassen werden normalerweise in speziellen Seiten im MediaWiki-System definiert. Die grundlegende Seite dafür ist Common.css. An dieser Stelle werden normalerweise Änderungen zum Mediawiki-Standard und zusätzliche Skin-Änderungen definiert. Hier wurde bisher nur
span.tocnumber (Abstand zwischen TOC-Nummerierung und TOC-Eintrag) und
table.wikitable.zebra (unterschiedlicher Hintergrundfarbe in geraden und ungeraden Tabellenzeilen)
definiert.

Weitere besondere Möglichkeiten sind neue Seiten mit der Bezeichnung "MediaWiki:xxx.css", wobei für xxx beliebige Bezeichner verwendet werden können. Hier ein Beispiel aus Wikipedia. Diese werden aber nur in Ausnahmefällen für spezielle Anwendungen benötigt und sind für unser kleines Wiki nicht relevant.

Es gibt im MediaWiki noch weitere Möglichkeiten wo CSS definiert werden können, das ist aber m.M. hier nicht notwendig.