Vorlage:Box: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
Zeile 8: Zeile 8:


Als Klassen/class stehen einige Varianten zur Verfügung wie Hervorhebung1, Hervorhebung2, Zitat, ... , allerdings ist dies optional (siehe Beispiele!)
Als Klassen/class stehen einige Varianten zur Verfügung wie Hervorhebung1, Hervorhebung2, Zitat, ... , allerdings ist dies optional (siehe Beispiele!)
== Das sieht man: ==
=== Das sieht man: ===
</noinclude><onlyinclude>
</noinclude><onlyinclude>
<div style="height: 100%; margin: 0 auto .5rem; overflow:hidden; background-color:#FAFAFA">
<div style="height: 100%; margin: 0 auto .5rem; overflow:hidden; background-color:#FAFAFA">

Version vom 23. Februar 2018, 09:56 Uhr

Boxen erstellen mittels Template

Das schreibt man:

{{Box| Titel | Inhalt | class }}

Als Klassen/class stehen einige Varianten zur Verfügung wie Hervorhebung1, Hervorhebung2, Zitat, ... , allerdings ist dies optional (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 Unterrichtsidee


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


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 mittels div-Containern und CSS-Klasse erstellen

Nicht alle Inhalte können als Parameter an Templates übergeben werden, z.B. HTML Tags im Wikitext, Tabellen und anderes. Um trotzdem Boxen im gleichen Layout wie beim Template oben zu erstellen, gibt es auch korrospondierende 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

...

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