Hilfe:Beispiele: Unterschied zwischen den Versionen

Aus GoPalWiki
Wechseln zu: Navigation, Suche
K (Einbindung von Videodateien)
K
Zeile 1: Zeile 1:
 
[[Kategorie:GoPalWiki:Hilfe]]
 
[[Kategorie:GoPalWiki:Hilfe]]
  
=== Textgestaltung durch CSS-Klassen===
 
Durch Benutzung von CSS-Klassen könnt Ihr die Text- und Tabellengestaltung stark vereinfachen.
 
 
Einige CSS-Klassen werden durch das Media-WIKI-System festgelegt und definiert wie z.B.:
 
 
class="sortable"
 
 
class="unsortable"
 
 
class="hiddenStructure"
 
 
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.
 
 
Ich habe z.B. in der [[Hauptseite]] folgende von den  [[GoPalWiki:Administratoren |ADMINs]] benutzte CSS gefunden, jedoch wurden diese leider noch nicht dokumentiert:
 
 
<nowiki><p class="FCK__ShowTableBorders">FCK__ShowTableBorders</p></nowiki>
 
<p class="FCK__ShowTableBorders">"FCK__ShowTableBorders"</p>
 
 
<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>
 
  
 
== Darstellung von Script-Anweisungen, Scinnig-Befehlen usw.==
 
== Darstellung von Script-Anweisungen, Scinnig-Befehlen usw.==
Zeile 88: Zeile 53:
  
 
<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.
 +
 +
Einige CSS-Klassen werden durch das Media-WIKI-System festgelegt und definiert wie z.B.:
 +
 +
class="sortable"
 +
 +
class="unsortable"
 +
 +
class="hiddenStructure"
 +
 +
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.
 +
 +
Ich habe z.B. in der [[Hauptseite]] folgende von den  [[GoPalWiki:Administratoren |ADMINs]] benutzte CSS gefunden, jedoch wurden diese leider noch nicht dokumentiert:
 +
 +
<nowiki><p class="FCK__ShowTableBorders">FCK__ShowTableBorders</p></nowiki>
 +
<p class="FCK__ShowTableBorders">"FCK__ShowTableBorders"</p>
 +
 +
<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>

Version vom 4. Januar 2013, 15:27 Uhr


Darstellung von Script-Anweisungen, Scinnig-Befehlen usw.

Bedeutet:

  • alle Zeichen mit gleicher Zeichenbreite
  • es werden keine automatischen Umbrüche eingefügt
  • Befehlszeilen sollten nicht länger als 40-50 Zeichen sein, sonst sind sie außerhalb des BS

Ein Leerzeichen am Zeilenanfang erzeugt Quellcodedarstellung:

Das ist eine Quellanweisung

Das ist eine Quellanweisung

Quellcode mitten im Text:

Das ist <code>eine Codeanweisung</code> mitten im Text.

Das ist eine Codeanweisung mitten im Text.

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.

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.

Einige CSS-Klassen werden durch das Media-WIKI-System festgelegt und definiert wie z.B.:

class="sortable"
class="unsortable"
class="hiddenStructure"

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"