|
|
| Zeile 85: |
Zeile 85: |
| | <swf width="400" height="300">/wiki/videos/test.swf</swf> | | <swf width="400" height="300">/wiki/videos/test.swf</swf> |
| | == Benutzung von CSS-Klassen== | | == Benutzung von CSS-Klassen== |
| − | Durch Benutzung von CSS-Klassen könnt Ihr die Text- und Tabellengestaltung stark vereinfachen. | + | Durch Benutzung von [[Hilfe:Benutzung_von_CSS|CSS-Klassen]] könnt Ihr die Text- und Tabellengestaltung stark vereinfachen. |
| − | | |
| − | === Interne 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:
| |
| − | *[http://www.mediawiki.org/wiki/Help:Tables '''wikitable'''] formatiert auf einfache Weise Tabellen
| |
| − | Statt
| |
| − | <nowiki>{|</nowiki>style="margin: 1em 1em 1em 0px; <br>empty-cells: show; <br>background: rgb(249,249,249); <br>border-collapse: collapse; <br>border-bottom: rgb(170,170,170) 2px solid; <br>border-left: rgb(170,170,170) 2px solid; <br>border-top: rgb(170,170,170) 2px solid; <br>border-right: rgb(170,170,170) 2px solid"
| |
| − | Schreibt ihr einfach
| |
| − | <nowiki>{|</nowiki>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
| |
| − | <nowiki>{|</nowiki>class="sortable"
| |
| − | bzw.
| |
| − | <nowiki>{|</nowiki>class="wikitable sortable"
| |
| − | *'''unsortable''' schließt Spalten von der Sortierbarkeit aus
| |
| − | <nowiki>|</nowiki>class="unsortable"
| |
| − | *'''sortbottom''' schließt Zeilen von der Sortierbarkeit aus
| |
| − | <nowiki>|-</nowiki>class="sortbottom"
| |
| − | *'''hiddenStructure''' macht Zellen unsichtbar
| |
| − | class="hiddenStructure"
| |
| − | Dies wird in diesem Wiki benutzt um Zellen in Vorlagen bedingt darzustellen (<code>#IF</Code> gibt es hier nicht). Ein Beispiel dafür ist die [[Vorlage:Infobox_Software|Infobox_Software]].
| |
| − | <nowiki>|- class{{{1|}}}="hiddenStructure"|</nowiki>
| |
| − | '''Erläuterung:''' Ist der 1. Parameter beim Aufruf nicht angegeben, wird die folgende Tabellenzeile ausgeblendet.
| |
| − | | |
| − | === Definierte GopalWiki CSS-Klassen ===
| |
| − | | |
| − | Weitere CSS-Klassen werden normalerweise im Mediawiki-System definiert. Die Wichtigsten stellen wo dies erfolgt ist grundlegend unter [[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.
| |
| − | | |
| − | 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 [http://www.gopal-navigator.de/wiki/index.php?title=Spezial:Benutzer&group=sysop 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 [http://www.gopal-navigator.de/showthread.php?6249-Darstellungsfehler-im-Wiki hier im Forum] diskutiert [http://www.gopal-navigator.de/showthread.php?6249-Darstellungsfehler-im-Wiki&p=63576&viewfull=1#post63576], es wird zwar hier seitens der Admins von Skin-Programmierung gesprochen, dies ist aber kein Skin im Verständnis von MediaWiki.
| |
| − |
| |
| − | [[Benutzer:B-M-N|Ich]] habe z.B. in der [[Hauptseite]] folgende von den [[GoPalWiki:Administratoren|Administratoren]] benutzte CSS gefunden, jedoch wurden diese bisher leider noch nicht von diesen dokumentiert, damit jeder sie verwenden kann:
| |
| − | | |
| − | *'''FCK__ShowTableBorders'''
| |
| − | <nowiki><p class="FCK__ShowTableBorders"></nowiki>
| |
| − | Es ist möglich, das diese eine normale System-Klasse ist, die Funktion und Benutzung ist [[Benutzer:B-M-N|mir]] aber noch nicht bekannt.
| |
| − | | |
| − | *'''aktuell'''
| |
| − | <nowiki><div class="aktuell"></nowiki>
| |
| − | | |
| − | *'''News'''
| |
| − | <nowiki><div class="News"></nowiki>
| |
| − | | |
| − | *'''wichtige Links'''
| |
| − | <nowiki>< div class="wichtige Links"></nowiki>
| |
| − | | |
| − | *'''inhalt'''
| |
| − | <nowiki><p class="inhalt"> class="inhalt"</p></nowiki>
| |
| − | | |
| − | *'''Hardware'''
| |
| − | <nowiki><p class="Hardware"> class="Hardware"</p></nowiki>
| |
| − | | |
| − | *'''Zusatz-Software'''
| |
| − | <nowiki><p class="Zusatz-Software">Test class="Zusatz-Software"</p></nowiki>
| |
| − | | |
| − | *'''Inhalt1'''
| |
| − | <nowiki><p class="Inhalt1">class="Inhalt1"</p></nowiki>
| |
| − | | |
| − | *'''Skinning'''
| |
| − | <nowiki><p class="Skinning">class="Skinning"</p></nowiki>
| |
| − | | |
| − | *'''Geräteübersicht'''
| |
| − | <nowiki><p class="Geräteübersicht">class="Geräteübersicht"</p></nowiki>
| |
Darstellung von Script-, Scinning- und sonstigen Anweisungen
Bedeutet:
- alle Zeichen mit gleicher Zeichenbreite
- es werden keine automatischen Umbrüche eingefügt
- Rahmen und Hintergrund (nur bei Codierung mit Leerzeichen)
- Befehlszeilen sollten nicht länger als 40-50 Zeichen sein, sonst sind sie außerhalb des Bildschirmfensters
Ein Leerzeichen am Zeilenanfang erzeugt Quellcodedarstellung mit Rahmen und Hintergrund:
So codiert:
Das ist eine Quellanweisung
So sieht es dann aus:
Das ist eine Quellanweisung
Quellcode mitten im Text:
So codiert:
Das ist <code>eine Codeanweisung</code> mitten im Text.
So sieht es dann aus:
Das ist eine Codeanweisung mitten im Text.
Mehrere Zeilen:
So codiert:
<code>Zeile1
Zeile2</code>
So sieht es dann aus:
Zeile1
Zeile2
Achtung
ohne Text
{{Achtung}}
mit Text
{{Achtung|Achtungstext}}
Hier darf kein Leerzeichen zwischen dem senkrechten Strich und dem Achtungstext sein!
Hinweis
ohne Text
{{ Hinweis | }}
Hinweis:
mit Text
{{Hinweis | kurzer Text }}
Hinweis: kurzer Text
Hinweis: Langer Text - Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text.
Wichtiger Hinweis
ohne Text
{{Wichtiger Hinweis | }}
|
Wichtiger Hinweis!
|
|
mit Text
{{Wichtiger Hinweis | kurzer Text }}
|
|
Wichtiger Hinweis!
|
kurzer Text
|
|
|
Wichtiger Hinweis!
|
Langer Text - Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text Eigener Text.
|
Einbindung von Videodateien
Einbindung einer flv-Ddatei
<mediaplayer>http://www.gopal-navigator.de/wiki/videos/test3.flv</mediaplayer>
<mediaplayer>http://www.gopal-navigator.de/wiki/videos/test3.flv</mediaplayer>
Einbindung einer swf-Datei
<swf width="400" height="300">/wiki/videos/test.swf</swf>
<swf width="400" height="300">/wiki/videos/test.swf</swf>
Benutzung von CSS-Klassen
Durch Benutzung von CSS-Klassen könnt Ihr die Text- und Tabellengestaltung stark vereinfachen.
