Hilfe:Benutzung von CSS: Unterschied zwischen den Versionen
B-M-N (Diskussion | Beiträge) K (→Interne CSS-Klassen) |
B-M-N (Diskussion | Beiträge) K (→Definierte GopalWiki CSS-Klassen) |
||
Zeile 28: | Zeile 28: | ||
=== Definierte GopalWiki CSS-Klassen === | === Definierte GopalWiki CSS-Klassen === | ||
− | Weitere CSS-Klassen werden normalerweise im | + | Weitere CSS-Klassen werden normalerweise in speziellen Seiten im MediaWiki-System definiert. Die grundlegende Seite dafür ist [[MediaWiki:Common.css |Common.css]]. An dieser Stelle werden '''normalerweise''' Änderungen zum Mediawiki-Standard und zusätzliche Skin-Änderungen definiert. Hier wurde bisher nur "TOC-Nummerierung und TOC-Eintrag" geändert. |
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 [http://de.wikipedia.org/wiki/MediaWiki:Cologneblue.css 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. | 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 [http://de.wikipedia.org/wiki/MediaWiki:Cologneblue.css 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. |
Version vom 10. Januar 2013, 16:59 Uhr
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
Statt
{|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"
Schreibt ihr einfach
{|class="wikitable"
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 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 hier 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 "TOC-Nummerierung und TOC-Eintrag" geändert.
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.
CSS-Klassen von Admins definiert
Weitere CSS-Klassen wurden hier wahrscheinlich außerhalb des MediaWiki-Systems durch die Administratoren und Bürokraten] im "Frame" definiert. Es handelt sich hierbei um eine sehr problematische Programmierung, da diese direkt das System von MediaWiki beeinflusst. Dies Programmierung ist keine durch Mediawiki unterstützte Methode. Das Problem wurde hier im Forum diskutiert [1], es wird zwar hier seitens der Admins von Skin-Programmierung gesprochen, dies ist aber kein Skin im Verständnis von MediaWiki.
Ich habe z.B. in der Hauptseite folgende von den Administratoren benutzte CSS gefunden, jedoch wurden diese bisher leider noch nicht von diesen dokumentiert, damit jeder sie verwenden kann:
- FCK__ShowTableBorders
<p class="FCK__ShowTableBorders">
Es ist möglich, das diese eine normale System-Klasse ist, die Funktion und Benutzung ist mir aber noch nicht bekannt.
- aktuell
<div class="aktuell">
- News
<div class="News">
- wichtige Links
< div class="wichtige Links">
- inhalt
<p class="inhalt"> class="inhalt"</p>
- Hardware
<p class="Hardware"> class="Hardware"</p>
- Zusatz-Software
<p class="Zusatz-Software">Test class="Zusatz-Software"</p>
- Inhalt1
<p class="Inhalt1">class="Inhalt1"</p>
- Skinning
<p class="Skinning">class="Skinning"</p>
- Geräteübersicht
<p class="Geräteübersicht">class="Geräteübersicht"</p>