Vorlage:3Spalten: Unterschied zwischen den Versionen
Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 59: | Zeile 59: | ||
}} | }} | ||
</nowiki> | </nowiki> | ||
Die Hintergrundfarben dienen nur der Veranschaulichung. | |||
{{3Spalten | {{3Spalten | ||
|{{Box-spezial | Titel = Spalte 1 | Inhalt = |Rahmen = 0| Hintergrund = {{Farbe | primär}} }} | |{{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}}}} | |{{Box-spezial | Titel = Spalte 2 | Inhalt = |Rahmen = 0| Hintergrund = {{Farbe | sekundär-links | 1}}}} | ||
}} | }} | ||
[[Kategorie:Vorlage:Kastendesign-Bausteine]] | [[Kategorie:Vorlage:Kastendesign-Bausteine]] | ||
</noinclude> | </noinclude> |
Version vom 2. Oktober 2018, 22:23 Uhr
Die Vorlage erlaubt es 3 Spalten zu erzeugen.
So sieht's aus:
Die Hintergrundfarben dienen nur der Veranschaulichung.
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.