Vorlage:3Spalten: Unterschied zwischen den Versionen
Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
| (14 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
<includeonly>{{#ifeq: true | {{{skipgrid|}}} | <includeonly>{{#ifeq: true | {{{skipgrid|}}} | ||
| ""<!-- nothing --> | | <!-- nothing --> | ||
| <div class="grid"> | | <div class="zum-row"> | ||
}}<div class=" | }}{{#if: {{{3|}}} | ||
><div class=" | | <!-- nothing --> | ||
><div class=" | | <div class="zum-grid-1-6"></div> | ||
>{{#ifeq: true | {{{skipgrid}}} | }}<div class="zum-grid-1-3">{{{1| }}}</div | ||
| | ><div class="zum-grid-1-3">{{{2| }}}</div | ||
>{{#if: {{{3|}}} | |||
| <div class="zum-grid-1-3">{{{3}}}</div> | |||
| <div class="zum-grid-1-6"></div> | |||
}}{{#ifeq: true | {{{skipgrid}}} | |||
| <!-- nothing --> | |||
| </div> | | </div> | ||
}}</includeonly><noinclude> | }}</includeonly><noinclude> | ||
Die Vorlage erlaubt es 3 Spalten zu erzeugen. | |||
== So sieht's aus: == | |||
Die Hintergrundfarben dienen nur der Veranschaulichung. | |||
{{Vorlage:3Spalten | {{Vorlage:3Spalten | ||
| | |{{Box | Spalte 1 | |Hervorhebung1}} | ||
| | |{{Box | Spalte 2 | |Hervorhebung2}} | ||
| | |{{Box | Spalte 3 | |Frage}} | ||
}} | }} | ||
== 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| | <nowiki>{{3Spalten| | ||
Spalte 1 | Spalte 1 | ||
| Zeile 25: | Zeile 45: | ||
| | | | ||
Spalte 3 | 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> | </nowiki> | ||
Die Hintergrundfarben dienen nur der Veranschaulichung. | |||
{{3Spalten | |||
|{{Box-spezial | Titel = Spalte 1 | Inhalt = |Rahmen = 0| Hintergrund = {{Farbe | primär | 1}} }} | |||
|{{Box-spezial | Titel = Spalte 2 | Inhalt = |Rahmen = 0| Hintergrund = {{Farbe | sekundär-links | 1}}}} | |||
}} | |||
[[Kategorie:Vorlage:Kastendesign-Bausteine]] | [[Kategorie:Vorlage:Kastendesign-Bausteine]] | ||
</noinclude> | </noinclude> | ||
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.
