Hilfe:Vorlagen Design

Diese Seite dient als Übersicht und Veranschaulichung der wichtigsten Designvorlagen, die in eine Seite eingebaut werden können. Die jeweilige 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.

- Hund

Kopiervorlage: {{Zitat|Text=Nachts sind alle Katzen grau.|Autor=Hund}}

Bilder

Bilder können auch über den VisualEditor hochgeladen und eingebunden werden. Weitere Formatierungen können im Quelltext bearbeitet werden.

In Originalgröße ohne Formatierung:

[[Datei:Dateiname]]

Bild gerahmt und rechts eingebunden:

Bildunterschrift

[[Datei:Dateiname|thumb|Bildunterschrift]]

Bild ohne Rahmen und rechts eingebunden:

[[Datei:Dateiname|frameless|right]]

Weitere Formatierungsmöglichkeiten: Es gibt viele weitere Varianten für die Formatierung von Bildern. Sie sind hier bei Mediawiki beschrieben.

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.

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

ACHTUNG: Text hier eingeben!

Kopiervorlage: {{Achtung|Text hier eingeben!}}

Vorlage: ActionCall

Fehler entdeckt? Sie haben Ergänzungen? Das Wiki lebt durch Ihre Mitarbeit. Passen Sie diese Seite an oder ergänzen Sie sie mit Ihren Informationen. Einen Account können Sie hier beantragen.

Kopiervorlage: {{BoxINNO|Text hier eingeben}}

Vorlage: BoxINNO

Box in der Projektfarbe von INNO4BNE

Vorlage: Hinweis

HINWEIS: Text hier eingeben!

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

Ausklappmenüs für Text

Vorlage: Expander

Titel

Dieser Text soll expandiert werden

Kopiervorlage: {{Expander|Titel|Dieser Text soll expandiert werden}}

Vorlage: ExpanderOffen

Titel

Dieser Text soll expandiert werden

Kopiervorlage: {{ExpanderOffen|Titel|Dieser Text soll expandiert werden}}

Tabellen

Tabellen können am einfachsten über den VisualEditor eingefügt werden. Über den Quelltext können sie ebenfalls über die den Editor eingefügt werden. Sie sehen als Quelltext ausgeschrieben so aus:

{| class="wikitable"
|+ Text der Überschrift
|-
! Überschrift !! Überschrift !! Überschrift
|-
| Beispiel || Beispiel || Beispiel
|-
| Beispiel || Beispiel || Beispiel
|-
| Beispiel || Beispiel || Beispiel
|}

Weitere Formatierungsmöglichkeiten, z.B. bei der Farbwahl sind über Vorlagen möglich. Bspw. wie die beiden folgenden.

Vorlage: Themenspeicher

Idee	Kurzbeschreibung
Ziel	Ziel
WFI	Weiterführende Informationen
Impulsgeber:in / Ansprechpartner:in	Name

Kopiervorlage: {{Themenspeicher |text1=Kurzbeschreibung |text2=Ziel |text3=Weiterführende Informationen |name=Name}}

Vorlage: Ideensammlung

Idee	Kurzbeschreibung
Impulsgeber:in / Ansprechpartner:in	Name

Kopiervorlage: {{Ideensammlung |Idee=Kurzbeschreibung |Name=Name}}

Boxen und Kästen

Vorlage: Kasten

Überschrift

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

Vorlage: CardSmall

Beispiel Titel

Beispiel Unterüberschrift

Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.

{{CardSmall
  |bg-color=
  |titel=
  |subtitel=
  |text=
}}

Vorlage: Card-Deck

Beispiel Titel

Beispiel Unterüberschrift

Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.

Beispiel Titel

Beispiel Unterüberschrift

Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.

Beispiel Titel

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 Titel
  |subtitel=Beispiel Unterüberschrift
  |text=Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.
}}
{{CardSmall
  |bg-color=#85B1D0
  |titel=Beispiel Titel
  |subtitel=Beispiel Unterüberschrift
  |text=Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.
}}
{{CardSmall
  |bg-color=#85B1D0
  |titel=Beispiel Titel
  |subtitel=Beispiel Unterüberschrift
  |text=Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.
}}
</div>