Vorlage:Box: Unterschied zwischen den Versionen
Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
| (2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
<onlyinclude> | <onlyinclude>{{Anker|{{{Titel|{{{1}}}}}}}}<div class="zum-box" style="border-left-color: {{{Farbe|{{Farbe | {{{Klasse|{{{3|unspezifisch}}}}}}}}}}};"> | ||
<div class="zum-box" style="border-left-color: {{{Farbe|{{Farbe | {{{Klasse|{{{3|unspezifisch}}}}}}}}}}};"> | |||
<div class="zum-box--titel">{{Icon|class=zum-box--titel--icon|Klasse={{{Klasse|{{{3|}}}}}}|customicon={{{Icon|}}}}}{{{Titel|{{{1}}}}}}</div><div class="zum-box--inhalt"> | <div class="zum-box--titel">{{Icon|class=zum-box--titel--icon|Klasse={{{Klasse|{{{3|}}}}}}|customicon={{{Icon|}}}}}{{{Titel|{{{1}}}}}}</div><div class="zum-box--inhalt"> | ||
{{{Inhalt|{{{2}}}}}}</div></div></onlyinclude><noinclude> | {{{Inhalt|{{{2}}}}}}</div></div></onlyinclude><noinclude> | ||
Für das einheitliche Hervorheben von ähnlichen Inhalten soll die Vorlage "Box" verwendet werden. | Für das einheitliche Hervorheben von ähnlichen Inhalten soll die Vorlage "Box" verwendet werden. | ||
==Beispiel== | ==Beispiel== | ||
<div class=" | <div class="zum-row"> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
'''Das schreibt man:''' | '''Das schreibt man:''' | ||
<pre>{{Box|Hier ist die Überschrift|Hier steht der Inhalt, der in der Box angezeigt wird.|Merksatz}}</pre> | <pre>{{Box|Hier ist die Überschrift|Hier steht der Inhalt, der in der Box angezeigt wird.|Merksatz}}</pre> | ||
| Zeile 21: | Zeile 20: | ||
</div> | </div> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
'''Das sieht man:''' | '''Das sieht man:''' | ||
{{Box|Hier ist die Überschrift|Hier steht der Inhalt, der in der Box angezeigt wird.|Merksatz}} | {{Box|Hier ist die Überschrift|Hier steht der Inhalt, der in der Box angezeigt wird.|Merksatz}} | ||
| Zeile 28: | Zeile 27: | ||
==Vorlagen für Boxen== | ==Vorlagen für Boxen== | ||
Für das einheitliche Hervorheben von ähnlichen Inhalten soll möglichst die Vorlage "Box" verwendet werden. | Für das einheitliche Hervorheben von ähnlichen Inhalten soll möglichst die Vorlage "Box" verwendet werden. | ||
Mehr Infos dazu findet man auf der Seite [[Vorlage:Box|Vorlage:Box]]. | Mehr Infos dazu findet man auf der Seite [[Vorlage:Box|Vorlage:Box]]. | ||
<div class=" | <div class="zum-row"> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
Verkürzt wird die Vorlage so verwendet: | Verkürzt wird die Vorlage so verwendet: | ||
<pre>{{Box|<Überschrift>|<Inhalt>|<Klasse>}}</pre> | <pre>{{Box|<Überschrift>|<Inhalt>|<Klasse>}}</pre> | ||
</div> | </div> | ||
<div class=" | <div class="zum-grid-1-2"></div> | ||
</div> | </div> | ||
| Zeile 43: | Zeile 42: | ||
*Die '''Klasse''' gibt an, welche Farbe und welches Icon verwendet wird. Als '''Klassen '''stehen folgende Varianten zur Verfügung: | *Die '''Klasse''' gibt an, welche Farbe und welches Icon verwendet wird. Als '''Klassen '''stehen folgende Varianten zur Verfügung: | ||
<div class=" | <div class="zum-row"> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
'''Hervorhebung 1''' | '''Hervorhebung 1''' | ||
| Zeile 51: | Zeile 50: | ||
</pre> | </pre> | ||
</div> | </div> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
{{Box|Hervorhebung1|...| Hervorhebung1}} | {{Box|Hervorhebung1|...| Hervorhebung1}} | ||
</div> | </div> | ||
</div> | </div> | ||
<div class=" | <div class="zum-row"> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
'''Hervorhebung 2''' | '''Hervorhebung 2''' | ||
<pre> | <pre> | ||
| Zeile 63: | Zeile 62: | ||
</pre> | </pre> | ||
</div> | </div> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
{{Box|Hervorhebung2|...|Hervorhebung2}} | {{Box|Hervorhebung2|...|Hervorhebung2}} | ||
</div> | </div> | ||
</div> | </div> | ||
<div class=" | <div class="zum-row"> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
'''Üben''' | '''Üben''' | ||
<pre> | <pre> | ||
| Zeile 74: | Zeile 73: | ||
</pre> | </pre> | ||
</div> | </div> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
{{Box|Üben|...|Üben}} | {{Box|Üben|...|Üben}} | ||
</div> | </div> | ||
</div> | </div> | ||
<div class=" | <div class="zum-row"> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
'''Zitat''' | '''Zitat''' | ||
<pre> | <pre> | ||
| Zeile 87: | Zeile 86: | ||
</div> | </div> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
{{Box|Zitat|....|Zitat}} | {{Box|Zitat|....|Zitat}} | ||
</div> | </div> | ||
</div> | </div> | ||
<div class=" | <div class="zum-row"> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
'''Arbeitsmethode''' | '''Arbeitsmethode''' | ||
<pre> | <pre> | ||
| Zeile 100: | Zeile 99: | ||
</div> | </div> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
{{Box|Arbeitsmethode|...|Arbeitsmethode}} | {{Box|Arbeitsmethode|...|Arbeitsmethode}} | ||
</div> | </div> | ||
</div> | </div> | ||
<div class=" | <div class="zum-row"> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
'''Unterrichtsidee''' | '''Unterrichtsidee''' | ||
<pre> | <pre> | ||
| Zeile 112: | Zeile 111: | ||
</pre> | </pre> | ||
</div> | </div> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
{{Box|Idee|...|Unterrichtsidee }} | {{Box|Idee|...|Unterrichtsidee }} | ||
</div> | </div> | ||
</div> | </div> | ||
<div class=" | <div class="zum-row"> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
'''Meinung''' | '''Meinung''' | ||
<pre> | <pre> | ||
| Zeile 125: | Zeile 124: | ||
</div> | </div> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
{{Box|Meinung|...|Meinung}} | {{Box|Meinung|...|Meinung}} | ||
</div> | </div> | ||
</div> | </div> | ||
<div class=" | <div class="zum-row"> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
'''Lernpfad''' | '''Lernpfad''' | ||
<pre> | <pre> | ||
| Zeile 137: | Zeile 136: | ||
</pre> | </pre> | ||
</div> | </div> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
{{Box|Lernpfad|...|Lernpfad}} | {{Box|Lernpfad|...|Lernpfad}} | ||
</div> | </div> | ||
</div> | </div> | ||
<div class=" | <div class="zum-row"> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
'''Lösung''' | '''Lösung''' | ||
<pre> | <pre> | ||
| Zeile 149: | Zeile 148: | ||
</pre> | </pre> | ||
</div> | </div> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
{{Box|Lösung|...|Lösung}} | {{Box|Lösung|...|Lösung}} | ||
</div> | </div> | ||
</div> | </div> | ||
<div class=" | <div class="zum-row"> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
'''Merksatz''' | '''Merksatz''' | ||
<pre> | <pre> | ||
| Zeile 161: | Zeile 160: | ||
</pre> | </pre> | ||
</div> | </div> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
{{Box|Merke|...|Merksatz}} | {{Box|Merke|...|Merksatz}} | ||
</div> | </div> | ||
</div> | </div> | ||
<div class=" | <div class="zum-row"> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
'''Kurzinfo''' | '''Kurzinfo''' | ||
<pre> | <pre> | ||
| Zeile 173: | Zeile 172: | ||
</pre> | </pre> | ||
</div> | </div> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
{{Box|Info|...|Kurzinfo}} | {{Box|Info|...|Kurzinfo}} | ||
</div> | </div> | ||
</div> | </div> | ||
<div class=" | <div class="zum-row"> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
'''Experimentieren''' | '''Experimentieren''' | ||
<pre> | <pre> | ||
| Zeile 185: | Zeile 184: | ||
</pre> | </pre> | ||
</div> | </div> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
{{Box|Experiment|...|Experimentieren}} | {{Box|Experiment|...|Experimentieren}} | ||
</div> | </div> | ||
</div> | </div> | ||
<div class=" | <div class="zum-row"> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
'''Download''' | '''Download''' | ||
<pre> | <pre> | ||
| Zeile 198: | Zeile 197: | ||
</div> | </div> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}} | {{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}} | ||
</div> | </div> | ||
</div> | </div> | ||
<div class=" | <div class="zum-row"> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
'''Frage''' | '''Frage''' | ||
<pre> | <pre> | ||
| Zeile 211: | Zeile 210: | ||
</div> | </div> | ||
<div class=" | <div class="zum-grid-1-2"> | ||
{{Box|Frage|mit einer Frage|Frage}} | {{Box|Frage|mit einer Frage|Frage}} | ||
</div> | </div> | ||
| Zeile 222: | Zeile 221: | ||
==== <code>=</code> das Gleichheitszeichen ==== | ==== <code>=</code> das Gleichheitszeichen ==== | ||
Tritt vor allem in Links auf. Wenn der ein solches Zeichen im Text auftaucht so muss der passende Parameter für die Box explizit benannt werden. Die Parameter für die Box Vorlage sind durchnummeriert, heißen also dementsprechend <code>1</code>, <code>2</code> oder <code>3</code> | Tritt vor allem in Links auf. Wenn der ein solches Zeichen im Text auftaucht so muss der passende Parameter für die Box explizit benannt werden. Die Parameter für die Box Vorlage sind durchnummeriert, heißen also dementsprechend <code>1</code>, <code>2</code> oder <code>3</code> | ||
Folgende beiden Varianten sind im Ergebnis identisch. Die benannte Variante kann allerdings auch das <code>=</code> im Text enthalten. | Folgende beiden Varianten sind im Ergebnis identisch. Die benannte Variante kann allerdings auch das <code>=</code> im Text enthalten. | ||
| Zeile 240: | Zeile 239: | ||
Weiterhin machen Tabellen in dem Inhalt ein Problem. Bei diesem und allen anderen Problemen gibt es eine alternative Möglichkeit, wie man diese "Box" erzeugen kann. | Weiterhin machen Tabellen in dem Inhalt ein Problem. Bei diesem und allen anderen Problemen gibt es eine alternative Möglichkeit, wie man diese "Box" erzeugen kann. | ||
Wenn möglich sollte man auf die Verwendung von Tabellen verzichten. Falls das nicht möglich ist gibt es einige Vorlagen die man für Tabellen innerhalb einer Box verwenden kann. Es ist darauf zu achten, dass die Zeichen (Vorlagen) für die Tabellenerstellung jeweils am Anfang einer Zeile stehen. | Wenn möglich sollte man auf die Verwendung von Tabellen verzichten. Falls das nicht möglich ist gibt es einige Vorlagen die man für Tabellen innerhalb einer Box verwenden kann. Es ist darauf zu achten, dass die Zeichen (Vorlagen) für die Tabellenerstellung jeweils am Anfang einer Zeile stehen. | ||
{{(!}} class="wikitable" | {{(!}} class="wikitable" | ||
{{!+}} Tabellensyntaxersetzungen innerhalb von Boxen (oder anderen Templates) | {{!+}} Tabellensyntaxersetzungen innerhalb von Boxen (oder anderen Templates) | ||
{{!-}} | {{!-}} | ||
! | ! | ||
! Wikisyntax | ! Wikisyntax | ||
! Ersetzung innerhalb einer Box | ! Ersetzung innerhalb einer Box | ||
| Zeile 285: | Zeile 284: | ||
{{(!}} class=wikitable | {{(!}} class=wikitable | ||
{{!-}} | {{!-}} | ||
{{!}} Zeile 1 / Spalte A | {{!}} Zeile 1 / Spalte A | ||
{{!}} Zeile 1 / Spalte B | {{!}} Zeile 1 / Spalte B | ||
{{!-}} | {{!-}} | ||
{{!}} Zeile 2 / Spalte A | {{!}} Zeile 2 / Spalte A | ||
{{!}} Zeile 2 / Spalte B | {{!}} Zeile 2 / Spalte B | ||
{{!)}} | {{!)}} | ||
| Zeile 308: | Zeile 307: | ||
{{(!}} class=wikitable | {{(!}} class=wikitable | ||
{{!-}} | {{!-}} | ||
{{!}} Zeile 1 / Spalte A | {{!}} Zeile 1 / Spalte A | ||
{{!}} Zeile 1 / Spalte B | {{!}} Zeile 1 / Spalte B | ||
{{!-}} | {{!-}} | ||
{{!}} Zeile 2 / Spalte A | {{!}} Zeile 2 / Spalte A | ||
{{!}} Zeile 2 / Spalte B | {{!}} Zeile 2 / Spalte B | ||
{{!)}} | {{!)}} | ||
| Zeile 322: | Zeile 321: | ||
{{(!}} class="wikitable" | {{(!}} class="wikitable" | ||
{{!+}} Eine Tabellenüberschrift | {{!+}} Eine Tabellenüberschrift | ||
{{!}} | {{!}} | ||
! Spaltenkopf A | ! Spaltenkopf A | ||
! Spaltenkopf B | ! Spaltenkopf B | ||
{{!-}} | {{!-}} | ||
! Zeilenkopf | ! Zeilenkopf | ||
{{!}} Zeile 1 / Spalte A | {{!}} Zeile 1 / Spalte A | ||
{{!}} Zeile 1 / Spalte B | {{!}} Zeile 1 / Spalte B | ||
{{!-}} | {{!-}} | ||
{{!}} | {{!}} | ||
{{!}} Zeile 2 / Spalte A | {{!}} Zeile 2 / Spalte A | ||
{{!}} Zeile 2 / Spalte B | {{!}} Zeile 2 / Spalte B | ||
{{!-}} | {{!-}} | ||
| Zeile 342: | Zeile 341: | ||
{{(!}} class="wikitable" | {{(!}} class="wikitable" | ||
{{!+}} Eine Tabellenüberschrift | {{!+}} Eine Tabellenüberschrift | ||
{{!}} | {{!}} | ||
! Spaltenkopf A | ! Spaltenkopf A | ||
! Spaltenkopf B | ! Spaltenkopf B | ||
{{!-}} | {{!-}} | ||
! Zeilenkopf | ! Zeilenkopf | ||
{{!}} Zeile 1 / Spalte A | {{!}} Zeile 1 / Spalte A | ||
{{!}} Zeile 1 / Spalte B | {{!}} Zeile 1 / Spalte B | ||
{{!-}} | {{!-}} | ||
{{!}} | {{!}} | ||
{{!}} Zeile 2 / Spalte A | {{!}} Zeile 2 / Spalte A | ||
{{!}} Zeile 2 / Spalte B | {{!}} Zeile 2 / Spalte B | ||
{{!-}} | {{!-}} | ||
Aktuelle Version vom 4. Mai 2024, 08:24 Uhr
{{{1}}}
{{{2}}}
Für das einheitliche Hervorheben von ähnlichen Inhalten soll die Vorlage "Box" verwendet werden.
Beispiel
Das schreibt man:
{{Box|Hier ist die Überschrift|Hier steht der Inhalt, der in der Box angezeigt wird.|Merksatz}}
Man kann zur besseren Übersichtlichkeit auch Zeilenumbrüche einfügen:
{{Box|Hier ist die Überschrift|
Hier steht der Inhalt, der in der Box angezeigt wird.
|Merksatz}}
Das sieht man:
Hier ist die Überschrift
Hier steht der Inhalt, der in der Box angezeigt wird.
Vorlagen für Boxen
Für das einheitliche Hervorheben von ähnlichen Inhalten soll möglichst die Vorlage "Box" verwendet werden. Mehr Infos dazu findet man auf der Seite Vorlage:Box.
Verkürzt wird die Vorlage so verwendet:
{{Box|<Überschrift>|<Inhalt>|<Klasse>}}
- Die Überschrift (nach
{{Box|und vor dem nächsten|) ist frei wählbar. - Die Klasse gibt an, welche Farbe und welches Icon verwendet wird. Als Klassen stehen folgende Varianten zur Verfügung:
Hervorhebung 1
{{Box|Hervorhebung1|...| Hervorhebung1}}
Hervorhebung1
...
Hervorhebung 2
{{Box|Hervorhebung2|...|Hervorhebung2}}
Hervorhebung2
...
Üben
{{Box|Üben|...|Üben}}
Üben
...
Zitat
{{Box|Zitat|....|Zitat}}
Zitat
....
Arbeitsmethode
{{Box|Arbeitsmethode|...|Arbeitsmethode}}
Arbeitsmethode
...
Unterrichtsidee
{{Box|Idee|...|Unterrichtsidee }}
Idee
...
Meinung
{{Box|Meinung|...|Meinung}}
Meinung
...
Lernpfad
{{Box|Lernpfad|...|Lernpfad}}
Lernpfad
...
Lösung
{{Box|Lösung|...|Lösung}}
Lösung
...
Merksatz
{{Box|Merke|...|Merksatz}}
Merke
...
Kurzinfo
{{Box|Info|...|Kurzinfo}}
Info
...
Experimentieren
{{Box|Experiment|...|Experimentieren}}
Experiment
...
Download
{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}
Download
mit (möglichst internen) Links zu herunterladbarem Material
Frage
{{Box|Frage|mit einer Frage|Frage}}
Frage
mit einer Frage
Mögliche Probleme
Es gibt verschiedene Gründe, warum das Box_Design nicht richtig verwendet wird.
= das Gleichheitszeichen
Tritt vor allem in Links auf. Wenn der ein solches Zeichen im Text auftaucht so muss der passende Parameter für die Box explizit benannt werden. Die Parameter für die Box Vorlage sind durchnummeriert, heißen also dementsprechend 1, 2 oder 3
Folgende beiden Varianten sind im Ergebnis identisch. Die benannte Variante kann allerdings auch das = im Text enthalten.
Normale Box Syntax
{{Box | Überschrift | Inhalt | Klasse }}benannte Box Syntax
{{Box|1=<Überschrift>|2=<Inhalt>|3=<Klasse>}}Tabellen
Weiterhin machen Tabellen in dem Inhalt ein Problem. Bei diesem und allen anderen Problemen gibt es eine alternative Möglichkeit, wie man diese "Box" erzeugen kann.
Wenn möglich sollte man auf die Verwendung von Tabellen verzichten. Falls das nicht möglich ist gibt es einige Vorlagen die man für Tabellen innerhalb einer Box verwenden kann. Es ist darauf zu achten, dass die Zeichen (Vorlagen) für die Tabellenerstellung jeweils am Anfang einer Zeile stehen.
| Wikisyntax | Ersetzung innerhalb einer Box | |
|---|---|---|
| Tabellenbeginn | {|
|
{{(!}}
|
| Tabellenüberschrift | |+
|
{{!+}}
|
| Zeilenbeginn | |-
|
{{!-}}
|
| Zellenbeginn | |
|
{{!}}
|
| Zelle mit Zusatzsyntax | |colspan=2|
|
{{!}}colspan=2{{!}}
|
| Überschriftenzelle | !
|
! (keine Ersetzung notwendig)
|
| Tabellenende | |}
|
{{!)}}
|
Vergleich der Tabellensyntaxelemente
Ergebnis
| Zeile 1 / Spalte A | Zeile 1 / Spalte B |
| Zeile 2 / Spalte A | Zeile 2 / Spalte B |
Normale Tabellensyntax
{| class=wikitable
|-
| Zeile 1 / Spalte A
| Zeile 1 / Spalte B
|-
| Zeile 2 / Spalte A
| Zeile 2 / Spalte B
|}
Tabellensyntax innerhalb einer Box
{{(!}} class=wikitable
{{!-}}
{{!}} Zeile 1 / Spalte A
{{!}} Zeile 1 / Spalte B
{{!-}}
{{!}} Zeile 2 / Spalte A
{{!}} Zeile 2 / Spalte B
{{!)}}
Hier ein komplizierteres Beispiel:
| Spaltenkopf A | Spaltenkopf B | |
|---|---|---|
| Zeilenkopf | Zeile 1 / Spalte A | Zeile 1 / Spalte B |
| Zeile 2 / Spalte A | Zeile 2 / Spalte B | |
| Zeile 3 / Spalte A und B | ||
Und hier der zugehörige Quelltext für die Tabelle innerhalb einer Box (oder eines anderen TemplateS)
{{(!}} class="wikitable"
{{!+}} Eine Tabellenüberschrift
{{!}}
! Spaltenkopf A
! Spaltenkopf B
{{!-}}
! Zeilenkopf
{{!}} Zeile 1 / Spalte A
{{!}} Zeile 1 / Spalte B
{{!-}}
{{!}}
{{!}} Zeile 2 / Spalte A
{{!}} Zeile 2 / Spalte B
{{!-}}
{{!}}
{{!}} colspan=2 {{!}} Zeile 3 / Spalte A und B
{{!)}}
Die Namen der Klassen und das Aussehen aller Varianten, sowie die alternative Nutzungsmöglichkeit, findet man auf der Seite → Vorlage mit verschiedenen Kästen
Wenn die Auswahl nicht ausreicht gibt es mit der Vorlage:Box-spezial die Möglichkeit viele Parameter der Vorlage beim Einbinden selbst anzupassen.
Hilfen im ZUM-Unterrichten: Vorlagen, allgemeine Hilfeseiten
- Einstieg
Inhalte erstellen
Erste Schritte, Seiten anlegen, Links anlegen
Anforderungen an Seiten im ZUM-Unterrichten
Mindestumfang, gewünschte Artikel, Kategorien, Didaktik
Medien einbinden
Bilder, Videos, Geogebra, ZUMPad, etc., Lizenzen
Interaktive Übungen einbinden
H5P, Learningapps, R-Quiz
- Vorlagen
Lernpfade
Navigation, Lösung verstecken, Unterseiten
Kästen
Kästen für verschiedene Anwendungsfälle
Überblick
Überblick über weitere Hilfen
- Wartung und Pflege
Wartung und Pflege
Spezialseiten, unbenutzte Kategorien, gesuchte Seiten
Alternativ: Boxen mittels 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 wie mittels obigen Vorlagen 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
Titel
Inhalt
Diese Vorlage wird benötigt
Ein Admin hat diese Vorlage überprüft und entschieden, dass diese Vorlage benötigt wird.
Keine Beschreibung.
| Parameter | Beschreibung | Typ | Status | |
|---|---|---|---|---|
| Klasse | Klasse 3 | keine Beschreibung
| Mehrzeiliger Text | optional |
| Überschrift | Titel 1 | keine Beschreibung | Wikitext | optional |
| Inhalt | Inhalt 2 | keine Beschreibung | Wikitext | erforderlich |
| Farbe | Farbe | keine Beschreibung | Mehrzeiliger Text | optional |
| Icon | Icon | keine Beschreibung | Mehrzeiliger Text | optional |
