Vorlage:3Spalten: Unterschied zwischen den Versionen
Aus ZUM Grundschullernportal
(Die Seite wurde neu angelegt: „<includeonly>{{#ifeq: true | {{{skipgrid|}}} | <!-- nothing --> | <div class="grid"> }}{{#if: {{{3|}}} | <!-- nothing --> | <div class="width-1-6"></di…“) Markierung: 2017-Quelltext-Bearbeitung |
K (Code aufgeräumt) Markierung: 2017-Quelltext-Bearbeitung |
||
(2 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="grid"> | ||
Zeile 13: | Zeile 14: | ||
| <!-- nothing --> | | <!-- nothing --> | ||
| </div> | | </div> | ||
}}</includeonly> | }} | ||
</includeonly> | |||
== | <noinclude> | ||
== Das sieht man: == | |||
Die Hintergrundfarben dienen nur der Veranschaulichung. | Die Hintergrundfarben dienen nur der Veranschaulichung. | ||
{{Vorlage:3Spalten | {{Vorlage:3Spalten | ||
Zeile 25: | Zeile 26: | ||
}} | }} | ||
== | == Das schreibt man: == | ||
<pre> | |||
{{3Spalten| | |||
Spalte 1 | Spalte 1 | ||
| | | | ||
Zeile 33: | Zeile 35: | ||
Spalte 3 | Spalte 3 | ||
}} | }} | ||
</ | </pre> | ||
== weitere Parameter == | |||
=== Parameter: skipgrid === | === Parameter: skipgrid === | ||
'''erlaubte Werte:''' true, false | |||
Ein zusätzlicher Parameter skipgrid um zu verhindern dass das | 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. | ||
<pre> | |||
{{3Spalten| | |||
Spalte 1 | Spalte 1 | ||
| | | | ||
Zeile 47: | Zeile 52: | ||
|skipgrid = true | |skipgrid = true | ||
}} | }} | ||
</ | </pre> | ||
=== 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. | 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. | ||
<pre> | |||
{{3Spalten| | |||
Spalte 1 | Spalte 1 | ||
| | | | ||
Spalte 2 | Spalte 2 | ||
}} | }} | ||
</ | </pre> | ||
Die Hintergrundfarben dienen nur der Veranschaulichung. | Die Hintergrundfarben dienen nur der Veranschaulichung. | ||
{{3Spalten | {{3Spalten | ||
Zeile 66: | Zeile 72: | ||
[[Kategorie:Vorlage:Kastendesign-Bausteine]] | [[Kategorie:Vorlage:Kastendesign-Bausteine]] | ||
{{Approved template}} | |||
</noinclude> | </noinclude> |
Aktuelle Version vom 6. April 2020, 12:48 Uhr
Das sieht man:
Die Hintergrundfarben dienen nur der Veranschaulichung.
Das schreibt man:
{{3Spalten| Spalte 1 | Spalte 2 | Spalte 3 }}
weitere Parameter
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.