Vorlage:Box

Boxen erstellen mit Template

Das schreibt man:

{{Box| Titel | Inhalt | class }}

Als Klassen (class) stehen einige Varianten zur Verfügung wie Hervorhebung1, Hervorhebung2, Zitat, ... (siehe Beispiele)

Das sieht man:

{{{1}}}

{{{2}}}

andere Beispiele

Hervorhebung1

mit Text für Hervorhebungen

Hervorhebung2

mit Text für Hervorhebungen

Zitat

mit Text für Zitate und Quellen

Arbeitsmethode

mit Text für Arbeitsmethoden

Unterrichtsidee

mit Text für Unterrichtsideen

Meinung

mit Text für Meinungen

Lernpfad

mit Text für Lernpfade

Experimentieren

mit Text für Experimente und Versuche

Lösung

mit Text für Lösungen

Üben

mit Text für Übungen und Aufgaben

Merksatz

mit Text für Definitionen und Merksätzen

Download

mit (möglichst internen) Links zu herunterladbarem Material

Frage

mit einer Frage

Kurzinfo

mit Text oder integrierten Vorlagen für Kurzinfos

Hinweise zur Gestaltung dieser Vorlage

Diese Vorlage kann für verschiedene Elemente angepasst werden. Dazu kann die Farbe des linken Balkens und das in der Titelzeile eingeblendete Bild an dieser zentralen Stelle für alle Seiten festgelegt werden.

Alternativ: Boxen mit div-Containern und CSS-Klassen erstellen

Nicht alle Inhalte können als Parameter an Vorlagen (Templates) übergeben werden, z.B. HTML-Tags im Wikitext, Tabellen und anderes. Um trotzdem Boxen im gleichen Layout zu erstellen, gibt es auch korrespondierende CSS-Klassen. Dazu muss der Text, der in einer Box stehen soll in einen div-Container eingefasst werden:

Das schreibt man:

<div class="box ueben">
== Üben ==
...
</div>

Das sieht man:

Üben

mit Text für Übungen und Aufgaben

Folgende Boxen stehen zur Verfügung (analog oben)

<div class="box hervorhebung1">
== Hervorhebung 1 ==
...
</div>

<div class="box hervorhebung2">
== Hervorhebung 2 ==
...
</div>

<div class="box zitat">
== Zitat ==
...
</div>

<div class="box arbeitsmethode">
== Arbeitsmethode ==
...
</div>

<div class="box unterrichtsidee">
== Unterrichtsidee ==
...
</div>

<div class="box meinung">
== Meinung ==
...
</div>

<div class="box lernpfad">
== Lenrpfad ==
...
</div>

<div class="box experimentieren">
== Experimentieren ==
...
</div>

<div class="box loesung">
== Lösung ==
...
</div>

<div class="box ueben">
== Üben ==
...
</div>

<div class="box kurzinfo">
== Kurzinfo ==
...
</div>

<div class="box experimentieren">
== Experimentieren ==
...
</div>

<div class="box download">
== Download ==
...
</div>

Es müssen immmer die CSS-Klassen "box" und ggf. die Art der Box im Beispiel oben also "ueben" angegeben werden.

Wichtig!

Die CSS-Klassennamen müssen klein geschrieben sein, Umlaute müssen ersetzt werden (ü zu ue, ß zu sz usw.).

Hinweis

Im Unterschied zur Verwendung des Templates werden die Überschriften im div-Container im Inhaltsverzeichnis aufgeführt. Insofern kann darüber auch gesteuert werden, welche Boxen im Inhaltsverzeichnis erscheinen sollen.

Icon ändern

Das Icon lässt sich auch überschreiben mit dem Parameter Icon.

Das schreibt man:

{{Box|Titel|Inhalt|Lösung|Icon=brainy hdg-school}}

Das sieht man:

Titel

Inhalt

Farbe ändern

Die Farbe lässt sich auch überschreiben mit dem Parameter Farbe.

Das schreibt man:

{{Box|Titel|Inhalt|Lösung|Farbe={{Farbe|orange|dunkel}}

Das sieht man:

{{Box|Titel|Inhalt|Lösung|Farbe=#DD7F28

Keine Beschreibung.

Vorlagenparameter

Diese Vorlage bevorzugt Blockformatierung von Parametern.

Parameter		Beschreibung	Typ	Status
Typ	Typ	keine Beschreibung	Unbekannt	optional
Überschrift	Überschrift	keine Beschreibung	Unbekannt	optional
Text	Text	keine Beschreibung	Unbekannt	optional