Hilfe:Beispiele: Unterschied zwischen den Versionen

Aus GoPalWiki
Wechseln zu: Navigation, Suche
(CSS-Klassen von Admins definiert)
K (Hinweis)
 
(51 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
[[Kategorie:GoPalWiki:Hilfe]]
+
__TOC__
 
 
 
 
== 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:
 
<nowiki>&nbsp;Das ist eine Quellanweisung</nowiki>
 
So sieht es dann aus:
 
 
 
Das ist eine Quellanweisung
 
 
 
'''Quellcode mitten im Text:'''
 
 
 
So codiert:
 
<nowiki>Das ist <code>eine Codeanweisung</code> mitten im Text.</nowiki>
 
So sieht es dann aus:
 
Das ist <code>eine Codeanweisung</code> mitten im Text.
 
 
 
'''Mehrere Zeilen:'''
 
 
 
So codiert:
 
<nowiki><code>Zeile1
 
 
 
Zeile2</code></nowiki>
 
So sieht es dann aus:
 
 
 
<code>Zeile1
 
 
 
Zeile2</code>
 
 
 
 
==Achtung==
 
==Achtung==
 
ohne Text
 
ohne Text
Zeile 45: Zeile 9:
 
mit Text  
 
mit Text  
  
  <nowiki>{{Actung |Achtungstext}}</nowiki>
+
  <nowiki>{{Achtung|Achtungstext}}</nowiki>
  
 
Hier darf '''kein''' Leerzeichen zwischen dem senkrechten Strich und dem Achtungstext sein!
 
Hier darf '''kein''' Leerzeichen zwischen dem senkrechten Strich und dem Achtungstext sein!
  
{{Achtung |Achtungstext }}
+
{{Achtung|Achtungstext }}
  
 
==Hinweis==
 
==Hinweis==
Zeile 63: Zeile 27:
  
 
{{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.}}
+
 
 +
{{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==
 
== Wichtiger Hinweis==
Zeile 74: Zeile 39:
 
{{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.}}
 
{{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==
+
[[Kategorie:GoPalWiki:Hilfe]]
===Einbindung einer flv-Ddatei===
 
<nowiki><mediaplayer>http://www.gopal-navigator.de/wiki/videos/test3.flv</mediaplayer></nowiki>
 
 
 
<mediaplayer>http://www.gopal-navigator.de/wiki/videos/test3.flv</mediaplayer>
 
 
 
===Einbindung einer swf-Datei===
 
<nowiki><swf width="400" height="300">/wiki/videos/test.swf</swf></nowiki>
 
 
 
<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.
 
 
 
=== 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''' formatiert auf einfache Weise Tabellen
 
Statt
 
<nowiki>{|</nowiki>style="border-bottom: rgb(170,170,170) 2px solid;  <br>border-left: rgb(170,170,170) 2px solid;  <br>margin: 1em 1em 1em 0px;  <br>border-collapse: collapse;  <br>empty-cells: show; <br>background: rgb(249,249,249);  <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"
 
*'''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{{{Screenshot|}}}="hiddenStructure"|</nowiki>
 
 
 
=== CSS-Klassen von Admins definiert ===
 
Weitere CSS-Klassen werden durch die [http://www.gopal-navigator.de/wiki/index.php?title=Spezial:Benutzer&group=sysop Administratoren und Bürokraten]] 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  [[GoPalWiki:Administratoren |ADMINs]] benutzte CSS gefunden, jedoch wurden diese bisher leider noch nicht von diesen dokumentiert:
 
(evtl. sind hier auch noch System-Klassen enthalten, die mir aber noch nicht bekannt sind)
 
*'''FCK__ShowTableBorders'''
 
<nowiki><p class="FCK__ShowTableBorders">FCK__ShowTableBorders</p></nowiki>
 
<p class="FCK__ShowTableBorders">"FCK__ShowTableBorders"</p>
 
 
 
* class="aktuell"
 
<div class="aktuell">
 
 
 
* class="News"
 
<div class="News">
 
 
 
* class="wichtige Links"
 
< div class="wichtige Links">
 
 
 
<nowiki><p class="inhalt"> class="inhalt"</p></nowiki>
 
<p class="inhalt">Test class="inhalt"</p>
 
 
 
<nowiki><p class="Hardware"> class="Hardware"</p></nowiki>
 
<p class="Hardware">Test class="Hardware"</p>
 
 
 
<nowiki><p class="Zusatz-Software">Test class="Zusatz-Software"</p></nowiki>
 
<p class="Zusatz-Software">class="Zusatz-Software"</p>
 
 
 
<nowiki><p class="Inhalt1">class="Inhalt1"</p></nowiki>
 
<p class="Inhalt1"> class="Inhalt1"</p>
 
 
 
<nowiki><p class="Skinning">class="Skinning"</p></nowiki>
 
<p class="Skinning">class="Skinning"</p>
 
 
 
<nowiki><p class="Geräteübersicht">class="Geräteübersicht"</p></nowiki>
 
<p class="Geräteübersicht">class="Geräteübersicht"</p>
 

Aktuelle Version vom 18. Mai 2020, 16:09 Uhr

Achtung

ohne Text

{{Achtung}}
Achtung!

mit Text

{{Achtung|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 | }}
Achtung.png Wichtiger Hinweis!

mit Text

{{Wichtiger Hinweis | kurzer Text }}
Achtung.png Wichtiger Hinweis! kurzer Text
Achtung.png 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.