Hilfe:Vorlagen Design
Diese Seite dient als Übersicht und Veranschaulichung der wichtigsten Designvorlagen, die in eine Seite eingebaut werden können. Die Seite muss dazu im Quelltext (oben rechts über die drei Punkte und "Quelltext bearbeiten") bearbeitet werden.
Es gibt Designmöglichkeiten, die über "Wikitext", die Programmiersprache von Mediawiki, eingefügt werden können. Und es gibt Vorlagen, die wir individuell erstellt haben. Diese sind an den Klammern "{{ }}" zu erkennen. Unter dem jeweiligen Beispiel ist auf dieser Seite die Kopiervorlage eingefügt. Entweder der Code für Wikitext oder die Vorlage mit den Klammern "{{ }}". Mit den Klammern startet und endet eine Vorlage. Dazwischen kann in einigen Fällen individueller Text oder Bilder eingefügt werden.
Literatur und Zitate
Vorlage: Literaturhinweis
|
Autor etc. |
Kopiervorlage: {{Literaturhinweis|Autor etc.}}
Vorlage: Zitat
|
Nachts sind alle Katzen grau. |
Kopiervorlage: {{Zitat|Text=Nachts sind alle Katzen grau.|Autor=Hund}}
Bilder
Bilder können über den VisualEditor hochgeladen und eingebunden werden. Formatierungen können im Quelltext bearbeitet werden.
Vorlage: Clear
{{Clear}}
Es wird aus der Vorlage heraus nichts angezeigt. Die Vorlage verhindert den Textumfluss, ein seitliches umfließen des Textes um ein Bild oder einen Seitenbaustein. Der Effekt der Vorlage: Es geht mit dem Text einfach unterhalb eines Seitenelements weiter. Um diese Vorlage in einen Artikel zu integrieren, muss nur {{Clear}} in die entsprechende Seite eingetragen werden.
Weitere Formatierungsmöglichkeiten:
Weitere Optionen für die Formatierung von Bildern sind bei Mediawiki hier beschrieben.
Bildergalerie mit Rahmen
Kopiervorlage:
<gallery> Datei:Name der Datei |alt=eine Gruppe arbeitet in Diskussionsrunde Datei:Name der Datei |alt= Datei:Name der Datei |alt= Datei:Name der Datei |alt= Datei:Name der Datei |alt= </gallery>
Der Zusatz "alt=" hinter dem Dateinamen dient zur Bildbeschreibung für Personen, die das Bild nicht sehen können bzw. für Screenreader. Es ist keine Pflichtangabe.
Bildergalerie ohne Rahmen
Kopiervorlage:
<gallery mode=packed> Datei:Name der Datei |alt=eine Gruppe arbeitet in Diskussionsrunde Datei:Name der Datei |alt= Datei:Name der Datei |alt= Datei:Name der Datei |alt= Datei:Name der Datei |alt= </gallery>
Der Zusatz "alt=" hinter dem Dateinamen dient zur Bildbeschreibung für Personen, die das Bild nicht sehen können bzw. für Screenreader. Es ist keine Pflichtangabe.
Slideshow
Kopiervorlage:
<gallery mode=slideshow> Datei:Name der Datei |alt=eine Gruppe arbeitet in Diskussionsrunde Datei:Name der Datei |alt= Datei:Name der Datei |alt= Datei:Name der Datei |alt= Datei:Name der Datei |alt= </gallery>
Der Zusatz "alt=" hinter dem Dateinamen dient zur Bildbeschreibung für Personen, die das Bild nicht sehen können bzw. für Screenreader. Es ist keine Pflichtangabe.
Weitere Formatierungsmöglichkeiten:
Weitere Optionen für die Formatierung von Bildergalerien sind bei Wikipedia hier beschrieben.
Banner
Vorlage: Achtung
Kopiervorlage: {{Achtung|Text hier eingeben!}}
Vorlage: Hinweis
Kopiervorlage: {{Hinweis|Text hier eingeben!}}
Vorlage: InArbeit
 |
Diese Seite wird derzeit von Nutzerkennung, voraussichtlich bis Voraussichtliches Ende der Bearbeitung, bearbeitet. |
Kopiervorlage: {{InArbeit | username=Nutzerkennung | ende=Voraussichtliches Ende der Bearbeitung}}
Vorlage: These
|
Text hier eingeben! |
Kopiervorlage: {{These|detail=Text hier eingeben!}}
Vorlage: Tipp
|
Text hier eingeben |
Kopiervorlage: {{Tipp|text=Text hier eingeben}}
Boxen und Kästen
Vorlage: CardSmall
Beispiel
Beispiel Unterüberschrift
Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.
{{CardSmall
|bg-color=
|titel=
|subtitel=
|text=
}}
Vorlage: Card-Deck
Beispiel
Beispiel Unterüberschrift
Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.
Beispiel
Beispiel Unterüberschrift
Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.
Beispiel
Beispiel Unterüberschrift
Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.
Um die Boxen nebeneinander zu setzen, muss vor die erste Box folgendes gesetzt werden:
<div class="card-deck">
und um zu schließen, hinter die letzte Box
</div>
Also insgesamt:
<div class="card-deck">
{{CardSmall
|bg-color=#85B1D0
|titel=Beispiel
|subtitel=Beispiel Unterüberschrift
|text=Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.
}}
{{CardSmall
|bg-color=#85B1D0
|titel=Beispiel
|subtitel=Beispiel Unterüberschrift
|text=Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.
}}
{{CardSmall
|bg-color=#85B1D0
|titel=Beispiel
|subtitel=Beispiel Unterüberschrift
|text=Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.
}}
</div>
Vorlage: Kasten
Inhalt der Box / Dein Text...
{{Kasten
|headline-bg-color = #FFFFFF
|headline-color = #000000
|content-bg-color = #FFFFFF
|content-color = #000000
|id = Ankermöglichkeit
|headline = Überschrift
|content = Inhalt der Box / Dein Text...
}}
Ausklappmenüs für Text
Vorlage: Expander
Dieser Text soll expandiert werden
{{Expander|Titel|Dieser Text soll expandiert werden}}
Vorlage: ExpanderOffen
Dieser Text soll expandiert werden
{{ExpanderOffen|Titel|Dieser Text soll expandiert werden}}
Vorlage: ExpanderVar
Dieser Text soll expandiert werden
{{ExpanderVar
|titel=Titel
|inhalt=Dieser Text soll expandiert werden}}
Header
Vorlage: CardImage
Beispiel
Hier steht ein Beispieltext unterhalb des eingefügten Bildes.
{{CardImage
|image=
|width=250
|link=
|titel=
|text=}}
Vorlage: CardImageOT
Hier steht eine Bildunterschrift. Diese Box hat keinen Titel eingebunden, der daher auch nicht automatisch in ein Inhaltsverzeichnis einer Seite eingebunden wird (im Vergleich zur Vorlage "CardImage").
{{CardImageOT
|image=
|width=250
|link=
|text=}}
Vorlage: Jumbotron
{{Jumbotron
|bg-color=
|color=
|lead=
|message=}}
Vorlage: Jumbotron Bilder
{{Jumbotron_Bilder
|bg-color=
|color=
|lead=
|message=}}
Tabellen
Vorlage: Themenspeicher
| Idee |
Kurzbeschreibung |
| Ziel |
Ziel |
| WFI |
Weiterführende Informationen |
| Impulsgeber:in / Ansprechpartner:in | Name |
{{Themenspeicher
|text1=Kurzbeschreibung
|text2=Ziel
|text3=Weiterführende Informationen
|name=Name}}
Vorlage: Ideensammlung
| Idee |
Kurzbeschreibung |
| Impulsgeber:in / Ansprechpartner:in | Name |
{{Ideensammlung
|Idee=Kurzbeschreibung
|Name=Name}}
