|
|
| Zeile 1: |
Zeile 1: |
| <noinclude>{{Dokumentation/Dokuseite}}</noinclude>
| |
| {{TemplateData|JSON=
| |
| { "description": "Listen mit Hilfe von [[Cascading Style Sheets|CSS]] dynamisch in [[Wikipedia:Spaltensatz|Spalten]] aufzuteilen, also abhängig von der Breite des Browserfensters. Bei geringen Bildschirmgrößen mit entsprechend kleineren Fenstern, beispielsweise auf Smartphones, wird der Text bei Bedarf automatisch einspaltig formatiert.",
| |
| "params": {
| |
| "breite": {
| |
| "label": "Spaltenbreite",
| |
| "description": "Mindestbreite der Spalten, vorzugweise in em",
| |
| "type": "line",
| |
| "default": "30em",
| |
| "example": "15em"
| |
| },
| |
| "anzahl": {
| |
| "label": "Anzahl",
| |
| "description": "Maximale Zahl der Spalten",
| |
| "type": "number",
| |
| "suggestedvalues": [ "2",
| |
| "3",
| |
| "4",
| |
| "5",
| |
| "6",
| |
| "7",
| |
| "8",
| |
| "9" ],
| |
| "example": "2"
| |
| },
| |
| "abstand": {
| |
| "label": "Abstand",
| |
| "description": "Mindestabstand zwischen den Spalten, vorzugweise in em",
| |
| "type": "line",
| |
| "default": "1em",
| |
| "example": "2em"
| |
| },
| |
| "gesamtbreite": {
| |
| "label": "Gesamtbreite",
| |
| "description": "Maximale Gesamtbreite der Liste, vorzugweise in em",
| |
| "type": "line",
| |
| "example": "90em"
| |
| },
| |
| "liste": {
| |
| "label": "Listentext",
| |
| "description": "Inhalt der Liste in Wikitext",
| |
| "type": "content",
| |
| "required": true,
| |
| "aliases": [ "1" ]
| |
| }
| |
| },
| |
| "format": "inline half"
| |
| }
| |
| |TOC=1
| |
| }}
| |
|
| |
| == Beschreibung ==
| |
| '''Wichtig'''
| |
| * Falls im Fließtext Gleichheitszeichen „=“ vorkommen, müssen sie mit der HTML-Entität <code> &#61;</code> ersetzt werden, weil sonst die Textanzeige unterbleibt.
| |
| * Besser ist es daher, den benannten Parameter <code>liste=</code> zu verwenden.
| |
|
| |
| '''Anzahl der Spalten'''
| |
|
| |
| {{Info}} Die tatsächliche Anzahl der Spalten kann von der Angabe im Parameter <code>anzahl=</code> abweichen, weil sie sich dynamisch an die verfügbare Bildschirmbreite anpasst.
| |
| * Die Standardvorgabe für die Spaltenbreite ist 30[[em (Schriftsatz)|em]] – bei einer Monitorbreite von 1920 Bildpunkten ergibt das 4 Spalten.
| |
| ** Wenn die Spalten größere Bilder enthalten, sollte die <code>breite=</code> erhöht werden, um das Ineinanderverschieben der Spalten zu vermeiden (austesten).
| |
| ** Zusätzlich kann die [[#Bsp4|maximale Anzahl der Spalten]] festgelegt werden
| |
| ** Bei schmalen Textspalten kann die em-Zahl auch auf beispielsweise 15em heruntergesetzt werden, um [[#Bsp3|mehr Spalten]] zu erhalten.
| |
| * In manchen Fällen kann es sinnvoll sein, zusätzlich eine [[#Bsp6|maximale Gesamtbreite]] anzugeben.
| |
|
| |
| == Kopiervorlage ==
| |
| Einfach Standard
| |
| <pre style="white-space:pre-wrap;">
| |
| {{Mehrspaltige Liste |liste=
| |
| ‹Inhalt›
| |
| }}
| |
| </pre>
| |
| Alle Parameter
| |
| <pre style="white-space:pre-wrap;">
| |
| {{Mehrspaltige Liste |breite= |gesamtbreite= |anzahl= |abstand= |liste=
| |
| ‹Inhalt›
| |
| }}
| |
| </pre>
| |
|
| |
| == Beispiele ==
| |
| === Bsp. 1, mit Stichpunkten ===
| |
| <pre style="white-space:pre-wrap;">
| |
| {{Mehrspaltige Liste |liste=
| |
| * Eintrag 1
| |
| * Eintrag 2
| |
| * Eintrag 3
| |
| * Eintrag 4
| |
| * Eintrag 5
| |
| * Eintrag 6
| |
| * Eintrag 7
| |
| * Eintrag 8
| |
| * Eintrag 9
| |
| * Eintrag 10
| |
| …
| |
| }}
| |
| </pre>
| |
|
| |
| ''ergibt'':
| |
| {{Mehrspaltige Liste |liste=
| |
| * Eintrag 1
| |
| * Eintrag 2
| |
| * Eintrag 3
| |
| * Eintrag 4
| |
| * Eintrag 5
| |
| * Eintrag 6
| |
| * Eintrag 7
| |
| * Eintrag 8
| |
| * Eintrag 9
| |
| * Eintrag 10
| |
| …
| |
| }}
| |
|
| |
| === Bsp. 2, mit Nummerierung ===
| |
| <pre style="white-space:pre-wrap;">
| |
| {{Mehrspaltige Liste |liste=
| |
| # Eintrag
| |
| # Eintrag
| |
| # Eintrag
| |
| # Eintrag
| |
| # Eintrag
| |
| # Eintrag
| |
| # Eintrag
| |
| # Eintrag
| |
| # Eintrag
| |
| # Eintrag
| |
| …
| |
| }}
| |
| </pre>
| |
|
| |
| ''ergibt'':
| |
| {{Mehrspaltige Liste |liste=
| |
| # Eintrag
| |
| # Eintrag
| |
| # Eintrag
| |
| # Eintrag
| |
| # Eintrag
| |
| # Eintrag
| |
| # Eintrag
| |
| # Eintrag
| |
| # Eintrag
| |
| # Eintrag
| |
| …
| |
| }}
| |
|
| |
| === {{Anker|Bsp3}} Bsp. 3, Mindestspaltenbreite reduziert ===
| |
| <pre style="white-space:pre-wrap;">
| |
| {{Mehrspaltige Liste |breite=15em |liste=
| |
| {{Lorem Ipsum/1}}
| |
| {{Lorem Ipsum/2}}
| |
| }}
| |
| </pre>
| |
|
| |
| ''ergibt'':
| |
| {{Mehrspaltige Liste |breite=15em |liste=
| |
| {{Lorem Ipsum/1}}
| |
| {{Lorem Ipsum/2}}
| |
| }}
| |
|
| |
| === {{Anker|Bsp4}} Bsp. 4, Mindestbreite mit begrenzer Spaltenanzahl ===
| |
| <pre style="white-space:pre-wrap;">
| |
| {{Mehrspaltige Liste |breite=10em |anzahl=2 |liste=
| |
| {{Lorem Ipsum/1}}
| |
| {{Lorem Ipsum/2}}
| |
| }}
| |
| </pre>
| |
|
| |
| ''ergibt'':
| |
| {{Mehrspaltige Liste |breite=10em |anzahl=2 |liste=
| |
| {{Lorem Ipsum/1}}
| |
| {{Lorem Ipsum/2}}
| |
| }}
| |
|
| |
| === Bsp. 5, Mindestbreite mit Abstand zwischen den Spalten ===
| |
| <pre style="white-space:pre-wrap;">
| |
| {{Mehrspaltige Liste |breite=10em |abstand=5em |liste=
| |
| {{Lorem Ipsum/1}}
| |
| {{Lorem Ipsum/2}}
| |
| }}
| |
| </pre>
| |
|
| |
| ''ergibt'':
| |
| {{Mehrspaltige Liste |breite=10em |abstand=5em |liste=
| |
| {{Lorem Ipsum/1}}
| |
| {{Lorem Ipsum/2}}
| |
| }}
| |
|
| |
| === {{Anker|Bsp6}} Bsp. 6, Liste mit maximaler Gesamtbreite ===
| |
| {{Info}} Die Angabe für <code>gesamtbreite</code> sollte größer sein als <code>breite</code> × <code>anzahl</code>.
| |
| <pre style="white-space:pre-wrap;">
| |
| {{Mehrspaltige Liste |breite=5em |gesamtbreite=30em |anzahl=5 |liste=
| |
| * 1800
| |
| * 1810
| |
| * 1820
| |
| * 1830
| |
| * 1840
| |
| * 1850
| |
| * 1860
| |
| * 1870
| |
| * 1880
| |
| * 1890
| |
| * 1900
| |
| * 1910
| |
| * 1920
| |
| * 1930
| |
| * 1940
| |
| * 1950
| |
| * 1960
| |
| * 1970
| |
| * 1980
| |
| * 1990
| |
| * 2000
| |
| * 2010
| |
| * 2020
| |
| }}
| |
| </pre>
| |
|
| |
| ''ergibt'':
| |
| {{Mehrspaltige Liste |breite=5em |gesamtbreite=30em |anzahl=5 |liste=
| |
| * 1800
| |
| * 1810
| |
| * 1820
| |
| * 1830
| |
| * 1840
| |
| * 1850
| |
| * 1860
| |
| * 1870
| |
| * 1880
| |
| * 1890
| |
| * 1900
| |
| * 1910
| |
| * 1920
| |
| * 1930
| |
| * 1940
| |
| * 1950
| |
| * 1960
| |
| * 1970
| |
| * 1980
| |
| * 1990
| |
| * 2000
| |
| * 2010
| |
| * 2020
| |
| }}
| |
|
| |
| == Siehe auch ==
| |
| * [[Hilfe:Textgestaltung/Mehrspaltigkeit und Listen]]
| |
| <includeonly>
| |
| [[Kategorie:Vorlage:Textformatierung]]
| |
| </includeonly>
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| <onlyinclude><includeonly><templatestyles src="column-multiple/styles.css" /><div class="column-multiple" style="column-width:{{{{{|safesubst:}}}#if:{{{breite|<noinclude>-</noinclude>}}}|{{{breite}}}|30em}};{{{{{|safesubst:}}}#if:{{{anzahl|}}}| column-count:{{{anzahl|}}};}}{{{{{|safesubst:}}}#if:{{{abstand|}}}| column-gap:{{{abstand|}}};}}{{{{{|safesubst:}}}#if:{{{gesamtbreite|}}}| max-width:{{{gesamtbreite|}}};}}"> | | <onlyinclude><includeonly><templatestyles src="column-multiple/styles.css" /><div class="column-multiple" style="column-width:{{{{{|safesubst:}}}#if:{{{breite|<noinclude>-</noinclude>}}}|{{{breite}}}|30em}};{{{{{|safesubst:}}}#if:{{{anzahl|}}}| column-count:{{{anzahl|}}};}}{{{{{|safesubst:}}}#if:{{{abstand|}}}| column-gap:{{{abstand|}}};}}{{{{{|safesubst:}}}#if:{{{gesamtbreite|}}}| max-width:{{{gesamtbreite|}}};}}"> |
| {{{liste|{{{1|}}}}}} | | {{{liste|{{{1|}}}}}} |
| </div></includeonly></onlyinclude> | | </div></includeonly></onlyinclude> |
| | <noinclude> |
| | <templatedata> |
| | { |
| | "params": { |
| | "1": {}, |
| | "breite": {}, |
| | "anzahl": {}, |
| | "abstand": {}, |
| | "gesamtbreite": {}, |
| | "liste": {} |
| | } |
| | } |
| | </templatedata> |
| | </noinclude> |