Vorlage:3Spalten: Unterschied zwischen den Versionen
Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
| Zeile 5: | Zeile 5: | ||
| <!-- nothing --> | | <!-- nothing --> | ||
| <div class="zum-grid-1-6"></div> | | <div class="zum-grid-1-6"></div> | ||
}}<div class=" | }}<div class="zum-grid-1-3">{{{1| }}}</div | ||
><div class=" | ><div class="zum-grid-1-3">{{{2| }}}</div | ||
>{{#if: {{{3|}}} | >{{#if: {{{3|}}} | ||
| <div class=" | | <div class="zum-grid-1-3">{{{3}}}</div> | ||
| <div class=" | | <div class="zum-grid-1-6"></div> | ||
}}{{#ifeq: true | {{{skipgrid}}} | }}{{#ifeq: true | {{{skipgrid}}} | ||
| <!-- nothing --> | | <!-- nothing --> | ||
Aktuelle Version vom 3. Mai 2024, 22:48 Uhr
Die Vorlage erlaubt es 3 Spalten zu erzeugen.
So sieht's aus:
Die Hintergrundfarben dienen nur der Veranschaulichung.
Spalte 1
Spalte 2
Spalte 3
Syntax
{{3Spalten|
Spalte 1
|
Spalte 2
|
Spalte 3
}}
Für spezielle Anforderungen gibt es noch 2 weitere Features:
Parameter: skipgrid
- erlaubte Werte;
- true, false
Ein zusätzlicher Parameter skipgrid um zu verhindern dass das container element für die 3 Spalten erzeugt wird. Das ist hilfreich, wenn man in einem größeren CSS-Grid arbeitet und nicht immer wieder neue grids aufmachen will.
{{3Spalten|
Spalte 1
|
Spalte 2
|
Spalte 3
|skipgrid = true
}}
2 Spaltig
Sollte die Vorlage mit Inhalten für nur 2 Spalten eingebunden sein, so werden die Spalten zentriert. Der Platz der fehlende Spalte wird links und rechts hinzugefügt.
{{3Spalten|
Spalte 1
|
Spalte 2
}}
Die Hintergrundfarben dienen nur der Veranschaulichung.
