Sinn und Vorlage:3Spalten: Unterschied zwischen den Seiten
Aus ZUM-Unterrichten
(Unterschied zwischen Seiten)
Keine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
<includeonly>{{#ifeq: true | {{{skipgrid|}}} | |||
| <!-- nothing --> | |||
| <div class="grid"> | |||
}}{{#if: {{{3|}}} | |||
| <!-- nothing --> | |||
| <div class="width-1-6"></div> | |||
}}<div class="width-1-3">{{{1}}}</div | |||
><div class="width-1-3">{{{2}}}</div | |||
>{{#if: {{{3|}}} | |||
| <div class="width-1-3">{{{3}}}</div> | |||
| <div class="width-1-6"></div> | |||
}}{{#ifeq: true | {{{skipgrid}}} | |||
| ""<!-- nothing --> | |||
| </div> | |||
}}</includeonly><noinclude> | |||
Die Vorlage erlaubt es 3 Spalten zu erzeugen. | |||
== So sieht's aus: == | |||
{{Vorlage:3Spalten | |||
|Spalte1 | |||
|Spalte2 | |||
|Spalte3 | |||
}} | |||
== Syntax == | |||
<nowiki>{{3Spalten| | |||
Spalte 1 | |||
| | |||
Spalte 2 | |||
| | |||
Spalte 3 | |||
}} | |||
</nowiki> | |||
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. | |||
<nowiki>{{3Spalten| | |||
Spalte 1 | |||
| | |||
Spalte 2 | |||
| | |||
Spalte 3 | |||
|skipgrid = true | |||
}} | |||
</nowiki> | |||
=== 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. | |||
<nowiki>{{3Spalten| | |||
Spalte 1 | |||
| | |||
Spalte 2 | |||
}} | |||
</nowiki> | |||
{{3Spalten| | |||
Spalte 1 | |||
| | |||
Spalte 2 | |||
}} | |||
[[Kategorie:Vorlage:Kastendesign-Bausteine]] | |||
</noinclude> | |||
Version vom 2. Oktober 2018, 21:18 Uhr
Die Vorlage erlaubt es 3 Spalten zu erzeugen.
So sieht's aus:
Spalte1
Spalte2
Spalte3
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 }}
Spalte 1
Spalte 2