Hilfe:Formatierungen im Hilfe-Wiki: Unterschied zwischen den Versionen

ZIM HilfeWiki - das Wiki
Zeile 215: Zeile 215:
 
Box mit Warnung
 
Box mit Warnung
 
{{warning|Achtung}}
 
{{warning|Achtung}}
{{danger|Achtung}}
+
<br>
 
{{info|Achtung}}
 
{{info|Achtung}}
 
<pre> {{warning|Beispiel}} </pre>
 
<pre> {{warning|Beispiel}} </pre>

Version vom 19. Oktober 2020, 16:42 Uhr

Dieser Artikel soll Ihnen allgemeine Hinweise zu Formatierungen sowie Formatierungshilfen zur Text- und Bildgestaltung für das Hilfe-Wiki zeigen.

Überschriften[Bearbeiten | Quelltext bearbeiten]

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:

== Überschrift 1 ==
=== Unterpunkt 1.1 ===
==== Unterpunkt 1.2 ====
===== Unterpunkt 1.3 =====
== Überschrift 2 ==


Aufzählungen[Bearbeiten | Quelltext bearbeiten]

Listen mit Aufzählungszeichen[Bearbeiten | Quelltext bearbeiten]

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:

* Erster Punkt
* Zweiter Punkt
** Erster Unterpunkt
*: Zweiter Unterpunkt
* Dritter Punkt


Nummerierte Listen[Bearbeiten | Quelltext bearbeiten]

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:

  1. Erster Punkt
  2. Zweiter Punkt
    • Erster Unterpunkt
    1. Zweiter Unterpunkt
  3. Dritter Punkt

Im Quelltext sieht dies so aus:

# Erster Punkt
# Zweiter Punkt
#* Erster Unterpunkt
## Zweiter Unterpunkt
# Dritter Punkt


Einrücken[Bearbeiten | Quelltext bearbeiten]

Punkt 1

Punkt 1.1
 Beispiel 1
:Beispiel 1.1


Namenskonventionen[Bearbeiten | Quelltext bearbeiten]

Apple Mail[Bearbeiten | Quelltext bearbeiten]

Bei Artikeln, die das Mailprogramm von Apple verwenden, soll "Apple Mail" ohne Bindestrich als Name verwendet werden.

macOS[Bearbeiten | Quelltext bearbeiten]

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).

Benutzername[Bearbeiten | Quelltext bearbeiten]

Bei allen Artikeln, wo der "Benutzername" vorkommt, soll auch "Benutzername" verwendet werden (also nicht: Nutzername, Login, Name etc.)

Passwort[Bearbeiten | Quelltext bearbeiten]

Bei allen Artikeln, die das "Passwort" thematisieren, soll auch "Passwort" als Name verwendet werden (also nicht: Kennwort).

Bildbearbeitung[Bearbeiten | Quelltext bearbeiten]

Bilder nebeneinander: linker Rand[Bearbeiten | Quelltext bearbeiten]

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


Beispiel[Bearbeiten | Quelltext bearbeiten]

 [[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> 


So sieht es aus[Bearbeiten | Quelltext bearbeiten]

Bild1.png
Bild2.png
Bild3.png


Bilder nebeneinander: rechter Rand[Bearbeiten | Quelltext bearbeiten]

  • Um zwei oder mehrere Bilder am rechten Rand nebeneinander zu platzieren, geben Sie folgenden Befehl ein:
 <div class="tright" style="clear:none"> [[entsprechende Datei]] </div> 

.

  • Geben Sie den Befehl vor der zweiten und jeden weiteren Datei ein.


Beispiel[Bearbeiten | Quelltext bearbeiten]

 [[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> 


So sieht es aus[Bearbeiten | Quelltext bearbeiten]

Bild1.png
Bild2.png
Bild3.png


Textbearbeitung[Bearbeiten | Quelltext bearbeiten]

Farbiger Text[Bearbeiten | Quelltext bearbeiten]

Wenn Sie ein oder mehrere Wörter rot färben wollen, geben Sie Folgendes ein:

 <span style="color:red;"> [[Wort]] </span> 


  • Sie können die Farbe "red" im Code durch beliebige Farben ersetzen: blau, grün, orange , pink ...
  • Die Farbe muss aber in englischer Sprache eingetragen werden.


Auffällige (Warn-)Hinweise[Bearbeiten | Quelltext bearbeiten]

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!

Rot-gelber Rahmen[Bearbeiten | Quelltext bearbeiten]

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


Roter Rahmen[Bearbeiten | Quelltext bearbeiten]

Wenn Sie einen solchen Hinweis erzeugen möchten, geben Sie Folgendes ein:
{| width="70%" style="background-color:white; border-style:solid; border-width:3px; border-color:red; padding: 4px; "
| Text/ Hinweis
|}


Grüner Rahmen[Bearbeiten | Quelltext bearbeiten]

Wenn Sie einen solchen Hinweis erzeugen möchten, geben Sie Folgendes ein:
{| width="70%" style="background-color:white; border-style:solid; border-width:3px; border-color:green; padding: 4px; "
| Text/ Hinweis
|}


Hochgestellter Text[Bearbeiten | Quelltext bearbeiten]

Um den Text hochzustellen, geben Sie folgenden Befehl ein:

 <sup> [[Wort]] </sup> 

.



Tiefgestellter Text[Bearbeiten | Quelltext bearbeiten]

Um den Text tiefzustellen, geben Sie folgenden Befehl ein:

 <sub> [[Wort]] </sub> 

.


Text als Quelltext[Bearbeiten | Quelltext bearbeiten]

Wenn Ihr Text als Quelltext angezeigt werden soll, geben Sie Folgendes ein:

 <code> Wort </code> 


Auskommentieren[Bearbeiten | Quelltext bearbeiten]

Beschreibungen und Kommentare einfügen, die im Quelltext sichbar sind - nicht jedoch im Anzeigetext.

 <!-- Kommentar --!> 

Durchstreichen[Bearbeiten | Quelltext bearbeiten]

Text durchstreichen

 <s> Text durchstreichen </s> 

Fett[Bearbeiten | Quelltext bearbeiten]

Fetter Text

 '''Beispiel''' 

oder

 <b> Beispiel </b> 

Kursiv[Bearbeiten | Quelltext bearbeiten]

Kursiver Text

 ''Beispiel'' 

Link intern[Bearbeiten | Quelltext bearbeiten]

Mail

 [[Artikelname | Beschreibung]] 

Link extern[Bearbeiten | Quelltext bearbeiten]

Google

 [Link Beschreibung]

Boxen und Kästen[Bearbeiten | Quelltext bearbeiten]

Box mit Symbol[Bearbeiten | Quelltext bearbeiten]

Box mit Warnung


Vorlage:Info

 {{warning|Beispiel}} 

Farbige box[Bearbeiten | Quelltext bearbeiten]

<bootstrap_alert color=warning>Beispiel.
</bootstrap_alert>
  • Die Farbe der Box kann mit den Werten danger, warning und info geändert werden.

Accordion[Bearbeiten | Quelltext bearbeiten]

Text inside the panel
Text inside the panel

Headline for Panel3

Text inside the panel
Text inside the panel
<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>
  • Die Farbe der Box kann mit den Werten danger, warning und info geändert werden.
  • Mit dem Wert active ist die Box standardmäßig aufgeklappt.
Cookies helfen uns bei der Bereitstellung des ZIM HilfeWikis. Bei der Nutzung vom ZIM HilfeWiki werden die in der Datenschutzerklärung beschriebenen Cookies gespeichert.