Vorlage:3Spalten: Unterschied zwischen den Versionen

Aus ZUM Deutsch Lernen
deutsch-lernen>Christian
KKeine Bearbeitungszusammenfassung
deutsch-lernen>Christian
KKeine Bearbeitungszusammenfassung
Zeile 19: Zeile 19:
== So sieht's aus:  ==
== So sieht's aus:  ==
{{Vorlage:3Spalten
{{Vorlage:3Spalten
|{{Box-spezial | Titel = Spalte 1 | Inhalt = |Rahmen = 0| Hintergrund = #e5e5e5}}
|{{Box-spezial | Titel = Spalte 1 | Inhalt = |Rahmen = 0| Hintergrund = {{Farbe | primär}} }}
|{{Box-spezial | Titel = Spalte 2 | Inhalt = |Rahmen = 0| Hintergrund = #e5ff00}}
|{{Box-spezial | Titel = Spalte 2 | Inhalt = |Rahmen = 0| Hintergrund = {{Farbe | sekundär-links}}}}
|{{Box-spezial | Titel = Spalte 3 | Inhalt = |Rahmen = 0| Hintergrund = #e5e500}}
|{{Box-spezial | Titel = Spalte 3 | Inhalt = |Rahmen = 0| Hintergrund = {{Farbe | sekundär-rechts}}}}
}}
}}


Zeile 58: Zeile 58:
   }}   
   }}   
</nowiki>
</nowiki>
{{3Spalten|
{{3Spalten
Spalte 1
|{{Box-spezial | Titel = Spalte 1 | Inhalt = |Rahmen = 0| Hintergrund = {{Farbe | primär}} }}
|
|{{Box-spezial | Titel = Spalte 2 | Inhalt = |Rahmen = 0| Hintergrund = {{Farbe | sekundär-links}}}}
Spalte 2
}}   
}}   


[[Kategorie:Vorlage:Kastendesign-Bausteine]]
[[Kategorie:Vorlage:Kastendesign-Bausteine]]
</noinclude>
</noinclude>

Version vom 2. Oktober 2018, 22:13 Uhr


Die Vorlage erlaubt es 3 Spalten zu erzeugen.

So sieht's aus:

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
  }}  

Spalte 1
Spalte 2