Vorlage:3Spalten: Unterschied zwischen den Versionen

Aus ZUM Deutsch Lernen
Wechseln zu: Navigation, Suche
deutsch-lernen>Christian
K
deutsch-lernen>Christian
K
Zeile 4: Zeile 4:
 
}}{{#if: {{{3|}}}  
 
}}{{#if: {{{3|}}}  
 
| <!-- nothing -->
 
| <!-- nothing -->
| <div class="width-1-6 uk-width-1-6"></div>
+
| <div class="width-1-6 uk-width-medium-1-6"></div>
}}<div class="width-1-3 uk-width-1-3">{{{1| }}}</div
+
}}<div class="width-1-3 uk-width-medium-1-3">{{{1| }}}</div
><div class="width-1-3 uk-width-1-3">{{{2| }}}</div
+
><div class="width-1-3 uk-width-medium-1-3">{{{2| }}}</div
 
>{{#if: {{{3|}}}  
 
>{{#if: {{{3|}}}  
| <div class="width-1-3 uk-width-1-3">{{{3}}}</div>
+
| <div class="width-1-3 uk-width-medium-1-3">{{{3}}}</div>
| <div class="width-1-6 uk-width-1-6"></div>
+
| <div class="width-1-6 uk-width-medium-1-6"></div>
 
}}{{#ifeq: true | {{{skipgrid}}}  
 
}}{{#ifeq: true | {{{skipgrid}}}  
 
| <!-- nothing -->
 
| <!-- nothing -->

Version vom 2. Oktober 2018, 23:29 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.

Spalte 1
Spalte 2