Hilfe:Beispiele: Unterschied zwischen den Versionen
B-M-N (Diskussion | Beiträge) K (→Darstellung von Script-Anweisungen, Scinnig-Befehlen usw.) |
B-M-N (Diskussion | Beiträge) (→Textgestaltung durch CSS-Klassen) |
||
Zeile 86: | Zeile 86: | ||
== Textgestaltung durch CSS-Klassen== | == Textgestaltung durch CSS-Klassen== | ||
Durch Benutzung von CSS-Klassen könnt Ihr die Text- und Tabellengestaltung stark vereinfachen. | Durch Benutzung von CSS-Klassen könnt Ihr die Text- und Tabellengestaltung stark vereinfachen. | ||
+ | |||
+ | === Interne CSS-Klassen === | ||
Einige CSS-Klassen werden durch das Media-WIKI-System festgelegt und definiert wie z.B. die folgenden, die besonders für Tabellen interessant sind: | Einige CSS-Klassen werden durch das Media-WIKI-System festgelegt und definiert wie z.B. die folgenden, die besonders für Tabellen interessant sind: | ||
+ | *'''wikitable''' damit lassen sich sehr einfach Tabellen formatieren | ||
+ | Statt | ||
+ | style="border-bottom: rgb(170,170,170) 2px solid; border-left: rgb(170,170,170) 2px solid; margin: 1em 1em 1em 0px; border-collapse: collapse; empty-cells: show; background: rgb(249,249,249); border-top: rgb(170,170,170) 2px solid; border-right: rgb(170,170,170) 2px solid" | ||
+ | Schreibt ihr einfach | ||
+ | class="wikitable" | ||
− | |||
class="sortable" | class="sortable" | ||
Zeile 98: | Zeile 104: | ||
class="hiddenStructure" | class="hiddenStructure" | ||
− | + | === CSS-Klassen von Admins definiert === | |
Weitere CSS-Klassen werden durch die [[GoPalWiki:Administratoren |ADMINs]] im System definiert, aber jeder sollte diese benutzen. Es dient der Vereinfachung und Vereinheitlichung des Aussehens. | Weitere CSS-Klassen werden durch die [[GoPalWiki:Administratoren |ADMINs]] im System definiert, aber jeder sollte diese benutzen. Es dient der Vereinfachung und Vereinheitlichung des Aussehens. | ||
Version vom 5. Januar 2013, 11:08 Uhr
Inhaltsverzeichnis
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}}
Achtung! |
mit Text
{{Actung |Achtungstext}}
Hier darf kein Leerzeichen zwischen dem senkrechten Strich und dem Achtungstext sein!
Achtungstext |
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 |
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>
Textgestaltung durch CSS-Klassen
Durch Benutzung von CSS-Klassen könnt Ihr die Text- und Tabellengestaltung stark vereinfachen.
Interne CSS-Klassen
Einige CSS-Klassen werden durch das Media-WIKI-System festgelegt und definiert wie z.B. die folgenden, die besonders für Tabellen interessant sind:
- wikitable damit lassen sich sehr einfach Tabellen formatieren
Statt
style="border-bottom: rgb(170,170,170) 2px solid; border-left: rgb(170,170,170) 2px solid; margin: 1em 1em 1em 0px; border-collapse: collapse; empty-cells: show; background: rgb(249,249,249); border-top: rgb(170,170,170) 2px solid; border-right: rgb(170,170,170) 2px solid"
Schreibt ihr einfach
class="wikitable"
class="sortable"
class="unsortable"
class="sortbottom"
class="hiddenStructure"
CSS-Klassen von Admins definiert
Weitere CSS-Klassen werden durch die ADMINs im System definiert, aber jeder sollte diese benutzen. Es dient der Vereinfachung und Vereinheitlichung des Aussehens.
Ich habe z.B. in der Hauptseite folgende von den ADMINs benutzte CSS gefunden, jedoch wurden diese leider noch nicht dokumentiert:
<p class="FCK__ShowTableBorders">FCK__ShowTableBorders</p>
"FCK__ShowTableBorders"
<p class="inhalt"> class="inhalt"</p>
Test class="inhalt"
<p class="Hardware"> class="Hardware"</p>
Test class="Hardware"
<p class="Zusatz-Software">Test class="Zusatz-Software"</p>
class="Zusatz-Software"
<p class="Inhalt1">class="Inhalt1"</p>
class="Inhalt1"
<p class="Skinning">class="Skinning"</p>
class="Skinning"
<p class="Geräteübersicht">class="Geräteübersicht"</p>
class="Geräteübersicht"