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
 
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
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><noinclude>
}}
</includeonly>


<noinclude>
Die Vorlage erlaubt es 3 Spalten zu erzeugen.
Die Vorlage erlaubt es 3 Spalten zu erzeugen.


== So sieht's aus:  ==
== Das siehet man:  ==
Die Hintergrundfarben dienen nur der Veranschaulichung.
Die Hintergrundfarben dienen nur der Veranschaulichung.
{{Vorlage:3Spalten
{{Vorlage:3Spalten
Zeile 25: Zeile 28:
}}
}}


== Syntax ==
== Das schreibt man: ==
  <nowiki>{{3Spalten|
<nowiki>
{{3Spalten|
   Spalte 1
   Spalte 1
   |
   |
Zeile 34: Zeile 38:
   }}   
   }}   
</nowiki>
</nowiki>
Für spezielle Anforderungen gibt es noch 2 weitere Features:
 
== weitere Parameter ==
 
=== Parameter: skipgrid ===
=== Parameter: skipgrid ===
;erlaubte Werte;: true, false
;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.
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 49: Zeile 57:
</nowiki>
</nowiki>


=== 2 Spaltig ===
=== 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.


  <nowiki>{{3Spalten|
<nowiki>
{{3Spalten|
   Spalte 1
   Spalte 1
   |
   |
Zeile 59: Zeile 68:
   }}   
   }}   
</nowiki>
</nowiki>
Die Hintergrundfarben dienen nur der Veranschaulichung.
Die Hintergrundfarben dienen nur der Veranschaulichung.
{{3Spalten
{{3Spalten
Zeile 66: Zeile 76:


[[Kategorie:Vorlage:Kastendesign-Bausteine]]
[[Kategorie:Vorlage:Kastendesign-Bausteine]]
{{Approved template}}
</noinclude>
</noinclude>

Version vom 5. April 2020, 12:01 Uhr


Die Vorlage erlaubt es 3 Spalten zu erzeugen.

Das siehet man:

Die Hintergrundfarben dienen nur der Veranschaulichung.

Spalte 1
Spalte 2
Spalte 3



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.

Spalte 1
Spalte 2


Überprüfte Vorlage
Ein Admin hat diese Vorlage überprüft und entschieden, dass diese Vorlage benötigt wird.