Quelltext der Seite Hilfe:Formatierungen im Hilfe-Wiki

Dieser Artikel soll Ihnen allgemeine Hinweise zu Formatierungen sowie  Formatierungshilfen zur Text- und Bildgestaltung für das Hilfe-Wiki zeigen.
<br clear=all>

== Überschriften ==
Wenn Sie Überschriften erzeugen, verwenden Sie bitte immer Überschriften zweiter, dritter, vierter usw. Ordnung. '''Verwenden Sie niemals Überschriften erster Ordnung!'''
Im Quelltext sieht das dann so aus:
<pre>
== Überschrift 1 ==
=== Unterpunkt 1.1 ===
==== Unterpunkt 1.2 ====
===== Unterpunkt 1.3 =====
== Überschrift 2 ==
</pre>
<br clear=all>

== Aufzählungen ==
=== Listen mit Aufzählungszeichen ===
Wenn Sie Dinge auflisten möchten, geht das mit der Sternchen-Taste "*". Sie können hierbei auch Einrückungen vornehmen, indem Sie zwei Sternchen setzen. Wenn Sie bei der Einrückung kein Aufzählungszeichen erzeugen möchten, setzen Sie statt des zweiten Sternchens einen Doppelpunkt:
* erster Punkt
* Zweiter Punkt
** Erster Unterpunkt
*: Zweiter Unterpunkt
* Dritter Punkt

Im Quelltext sieht dies so aus:
<pre>
* Erster Punkt
* Zweiter Punkt
** Erster Unterpunkt
*: Zweiter Unterpunkt
* Dritter Punkt
</pre>
<br clear=all>

=== Nummerierte Listen ===
Sie können mit der Raute-Taste "#" Aufzählungen erzeugen. Auch hier können Sie Einrückungen hinzufügen, indem Sie hinter die Raute-Taste ein Sternchen bzw. noch eine Raute einfügen:
# Erster Punkt
# Zweiter Punkt
#* Erster Unterpunkt
## Zweiter Unterpunkt
# Dritter Punkt

Im Quelltext sieht dies so aus:
<pre>
# Erster Punkt
# Zweiter Punkt
#* Erster Unterpunkt
## Zweiter Unterpunkt
# Dritter Punkt
</pre>
<br clear=all>

===Einrücken===
Punkt 1
:Punkt 1.1

<pre> Beispiel 1
:Beispiel 1.1
</pre>


== Namenskonventionen ==
=== Apple Mail ===
Bei Artikeln, die das Mailprogramm von Apple verwenden, soll "Apple Mail" ohne Bindestrich als Name verwendet werden.
<br clear=all>

=== macOS ===
Bei Artikeln, die sich auf das Betriebssystem von Apple beziehen, verwenden Sie im Artikelname nur "macOS" (ohne die Version oder den genauen Namen des Betriebssystems).
<br clear=all>

=== Benutzername ===
Bei allen Artikeln, wo der "Benutzername" vorkommt, soll auch "Benutzername" verwendet werden (also nicht: Nutzername, Login, Name etc.)
<br clear=all>

=== Passwort ===
Bei allen Artikeln, die das "Passwort" thematisieren, soll auch "Passwort" als Name verwendet werden (also nicht: Kennwort).
<br clear=all>

== Bildbearbeitung ==
=== Bilder nebeneinander: linker Rand ===
* Um zwei oder mehrere Bilder am linken Rand nebeneinander zu platzieren, geben Sie folgenden Befehl ein:
 <pre> <div class="tleft" style="clear:none"> [[entsprechende Datei]] </div> </pre>
* Geben Sie den Befehl vor der zweiten und jeden weiteren Datei ein.
<br clear=all>

==== Beispiel ====
<pre>
 [[Datei:Bild1.png|links|mini|ohne|300px]]
<div class="tleft" style="clear:none"> [[Datei:Bild2.png|links|mini|ohne|300px]] </div>
<div class="tleft" style="clear:none"> [[Datei:Bild3.png|links|mini|ohne|300px]] </div> 
</pre>
<br clear=all>

==== So sieht es aus ====
 [[Datei:Bild1.png|links|mini|ohne|300px]]
<div class="tleft" style="clear:none"> [[Datei:Bild2.png|links|mini|ohne|300px]] </div>
<div class="tleft" style="clear:none"> [[Datei:Bild3.png|links|mini|ohne|300px]] </div> 
<br clear=all>

=== Bilder nebeneinander: rechter Rand ===
* Um zwei oder mehrere Bilder am rechten Rand nebeneinander zu platzieren, geben Sie folgenden Befehl ein: 
<pre> <div class="tright" style="clear:none"> [[entsprechende Datei]] </div> </pre>. 
* Geben Sie den Befehl vor der zweiten und jeden weiteren Datei ein.
<br clear=all>

==== Beispiel ====
<pre>
 [[Datei:Bild1.png|rechts|mini|ohne|300px]]
<div class="tright" style="clear:none"> [[Datei:Bild2.png|rechts|mini|ohne|300px]] </div>
<div class="tright" style="clear:none"> [[Datei:Bild3.png|rechts|mini|ohne|300px]] </div> 
</pre>
<br clear=all>

==== So sieht es aus ====
 [[Datei:Bild1.png|rechts|mini|ohne|300px]]
<div class="tright" style="clear:none"> [[Datei:Bild2.png|rechts|mini|ohne|300px]] </div>
<div class="tright" style="clear:none"> [[Datei:Bild3.png|rechts|mini|ohne|300px]] </div> 
<br clear=all>

== Textbearbeitung ==
=== Farbiger Text ===
Wenn Sie ein oder mehrere Wörter <span style="color:red;"> rot färben</span> wollen, geben Sie Folgendes ein:
<pre> <span style="color:red"> Wort </span> </pre>
<br clear=all>

* Sie können die Farbe "red" im Code durch beliebige Farben ersetzen: <span style="color:blue;">blau</span>, <span style="color:green;">grün</span>,<span style="color:orange;"> orange </span>, <span style="color:pink;">pink </span>... 
* Die Farbe muss aber in englischer Sprache eingetragen werden.
<br clear=all>

=== Auffällige (Warn-)Hinweise ===
Sie können die hier aufgeführten Rahmen selbstständig verändern und anpassen, indem Sie die Farben im Code selbst ändern:
* width="70%" gibt an, wie lang der Kasten sein soll. Sie können hier auch 60%, 50% usw. eintragen.
* "background-color: yellow gibt an, dass die Hintergrundfarbe gelb ist. Sie können hier aber auch "red", "white", "blue" usw. eintragen.
* border-style: dashed gibt an, dass die Linie gestrichelt sein soll. Sie können hier aber auch dottet (gepunktet), solid (durchgezogen), double (doppelt) usw. eintragen.
* border-color gibt an, welche Farbe, die Linie haben soll und kann auch geändert werden.
In den folgenden Unterkapiteln sind Beispiele aufgeführt!
<br clear=all>

==== Rot-gelber Rahmen ====
{| width="70%" style="background-color:yellow; border-style:dashed; border-width:3px; border-color:red; padding: 4px; "
| Wenn Sie einen solchen Hinweis erzeugen möchten, geben Sie Folgendes ein: 
|}
<pre>
{| width="70%" style="background-color:yellow; border-style:dashed; border-width:3px; border-color:red; padding: 4px; "
|  Text/ Hinweis
|}
</pre>
<br clear=all>

==== Roter Rahmen ====
{| width="70%" style="background-color:white; border-style:solid; border-width:3px; border-color:red; padding: 4px; "
| Wenn Sie einen solchen Hinweis erzeugen möchten, geben Sie Folgendes ein:
|}
<pre>
{| width="70%" style="background-color:white; border-style:solid; border-width:3px; border-color:red; padding: 4px; "
| Text/ Hinweis
|}
</pre>
<br clear=all>
==== Grüner Rahmen ====
{| width="70%" style="background-color:white; border-style:solid; border-width:3px; border-color:green; padding: 4px; "
| Wenn Sie einen solchen Hinweis erzeugen möchten, geben Sie Folgendes ein:
|}
<pre>
{| width="70%" style="background-color:white; border-style:solid; border-width:3px; border-color:green; padding: 4px; "
| Text/ Hinweis
|}
</pre>
<br clear=all>

=== Hochgestellter Text ===
Um den Text <sup>hochzustellen</sup>, geben Sie folgenden Befehl ein: 
<pre> <sup> [[Wort]] </sup> </pre>.
<br clear=all>


=== Tiefgestellter Text ===
Um den Text <sub>tiefzustellen</sub>, geben Sie folgenden Befehl ein: 
<pre> <sub> [[Wort]] </sub> </pre>.
<br clear=all>

=== Text als Quelltext ===
Wenn Ihr Text als <code> Quelltext </code> angezeigt werden soll, geben Sie Folgendes ein: 
<pre> <code> Wort </code> </pre>
<br clear=all>

===Auskommentieren===
Beschreibungen und Kommentare einfügen, die im Quelltext sichbar sind - nicht jedoch im Anzeigetext.<br>
<pre> <!-- Kommentar --!> </pre>

===Durchstreichen===
<s> Text durchstreichen </s>
<pre> <s> Text durchstreichen </s> </pre>

===Fett===
'''Fetter Text'''
<pre> '''Beispiel''' </pre>
oder
<pre> <b> Beispiel </b> </pre>

===Kursiv===
''Kursiver Text''
<pre> ''Beispiel'' </pre>

===Link intern===
[[Mail | Mail]]
<pre> [[Artikelname | Beschreibung]] </pre>

===Link extern===
[https://www.google.com/ Google]
<pre> [Link Beschreibung]</pre>

==Boxen und Kästen==
===Box mit Warnung===
{{warning|Achtung}}
<pre> {{warning|Beispiel}} </pre>

===Farbige box===
<bootstrap_alert color=warning>Beispiel warning.
</bootstrap_alert>
<bootstrap_alert color=danger>Beispiel danger.
</bootstrap_alert>
<bootstrap_alert color=info>Beispiel info.
</bootstrap_alert>

<pre>
<bootstrap_alert color=warning>Beispiel.
</bootstrap_alert>
</pre>

* Die Farbe der Box kann mit den Werten <code>danger</code>, <code>warning</code> und <code>info</code> geändert werden.

===Accordion===
<bootstrap_accordion>
	<bootstrap_panel heading="Headline for Panel1">Text inside the panel</bootstrap_panel>
	<bootstrap_panel heading="Headline for Panel2" color="danger">Text inside the panel</bootstrap_panel>
	<bootstrap_panel heading="Headline for Panel3" active>Text inside the panel</bootstrap_panel>
	<bootstrap_panel heading="Headline for Panel4" color="info">Text inside the panel</bootstrap_panel>
</bootstrap_accordion>

<pre>
<bootstrap_accordion>
	<bootstrap_panel heading="Headline for Panel1">Text inside the panel</bootstrap_panel>
	<bootstrap_panel heading="Headline for Panel2" color="danger">Text inside the panel</bootstrap_panel>
	<bootstrap_panel heading="Headline for Panel3" active>Text inside the panel</bootstrap_panel>
	<bootstrap_panel heading="Headline for Panel4" color="info">Text inside the panel</bootstrap_panel>
</bootstrap_accordion>
</pre>

* Die Farbe der Box kann mit den Werten <code>danger</code>, <code>warning</code> und <code>info</code> geändert werden.
* Mit dem Wert <code> active</code> ist die Box standardmäßig aufgeklappt.

==Tabellen==
{| class="wikitable"
|-
! Überschrift Spalte 1 !! Überschrift Spalte 2 
|-
|  Zeile 2 - Spalte 1 || Zeil1 Spalte 2
|-
| Zeile 3 - Spalte 1 || Zeile 3 Spalte 2
|}

<pre>
{| class="wikitable"
|-
! Überschrift Spalte 1 !! Überschrift Spalte 2 
|-
|  Zeile 2 - Spalte 1 || Zeil1 Spalte 2
|-
| Zeile 3 - Spalte 1 || Zeile 3 Spalte 2
|}
</pre>