Vorlage:ContentGrid: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Wendl (Diskussion | Beiträge) Markierung: Manuelle Zurücksetzung |
Wendl (Diskussion | Beiträge) |
||
| Zeile 1: | Zeile 1: | ||
<div class="contentgrid" style="margin-{{dir|{{pagelang}}|left|right}}: 1em; grid-template-columns: repeat(auto-fit, minmax({{{grid-columns-min-max|300px}}}, 1fr)); grid-gap: {{{grid-gap|10px}}}; grid-auto-rows: minmax({{{grid-rows-min-max|100px}}}, auto); width: {{{width|auto}}};">{{{content}}}</div> | <div class="contentgrid" style="margin-{{dir|{{pagelang}}|left|right}}: 1em; grid-template-columns: repeat(auto-fit, minmax({{{grid-columns-min-max|300px}}}, 1fr)); grid-gap: {{{grid-gap|10px}}}; grid-auto-rows: minmax({{{grid-rows-min-max|100px}}}, auto); width: {{{width|auto}}};">{{{content}}}</div><noinclude> | ||
{{doc| | |||
=== Grids erzeugen === | |||
Über das Template contentGrid können Sie Infokarten zu einem Grid zusammenfügen: | |||
<pre> | |||
{{contentGrid|content= | |||
{{infocard|layer=4|heading=Grid Box 1|content=Lorem ipsum…}} | |||
{{infocard|layer=4|heading=Grid Box 2|content=Lorem ipsum…}} | |||
{{infocard|layer=4|heading=Grid Box 3|content=Lorem ipsum…}} | |||
{{infocard|layer=4|heading=Grid Box 4|content=Lorem ipsum…}} | |||
{{infocard|layer=4|heading=Grid Box 5|content=Lorem ipsum…}} | |||
{{infocard|layer=4|heading=Grid Box 6|content=Lorem ipsum…}} | |||
}} | |||
</pre> | |||
ergibt: | |||
{{contentGrid|content= | |||
{{infocard|layer=4|heading=Grid Box 1|content=Lorem ipsum…}} | |||
{{infocard|layer=4|heading=Grid Box 2|content=Lorem ipsum…}} | |||
{{infocard|layer=4|heading=Grid Box 3|content=Lorem ipsum…}} | |||
{{infocard|layer=4|heading=Grid Box 4|content=Lorem ipsum…}} | |||
{{infocard|layer=4|heading=Grid Box 5|content=Lorem ipsum…}} | |||
{{infocard|layer=4|heading=Grid Box 6|content=Lorem ipsum…}} | |||
}} | |||
}} | |||
</noinclude> | |||
Version vom 6. Juli 2022, 11:57 Uhr
{{{content}}}
Dokumentation & Nutzung des Templates
Grids erzeugen
Über das Template contentGrid können Sie Infokarten zu einem Grid zusammenfügen:
{{contentGrid|content=
{{infocard|layer=4|heading=Grid Box 1|content=Lorem ipsum…}}
{{infocard|layer=4|heading=Grid Box 2|content=Lorem ipsum…}}
{{infocard|layer=4|heading=Grid Box 3|content=Lorem ipsum…}}
{{infocard|layer=4|heading=Grid Box 4|content=Lorem ipsum…}}
{{infocard|layer=4|heading=Grid Box 5|content=Lorem ipsum…}}
{{infocard|layer=4|heading=Grid Box 6|content=Lorem ipsum…}}
}}
ergibt:
Grid Box 1
Lorem ipsum…
Grid Box 2
Lorem ipsum…
Grid Box 3
Lorem ipsum…
Grid Box 4
Lorem ipsum…
Grid Box 5
Lorem ipsum…
Grid Box 6
Lorem ipsum…