Zum Inhalt springen

Vorlage:Mehrspaltige Liste: Unterschied zwischen den Versionen

Aus Foxwiki
Versionsgeschichte interaktiv durchsuchen
← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →
VisuellWikitext
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
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> &amp;#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]]&nbsp;– 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>

Version vom 6. Oktober 2022, 16:06 Uhr

Vorlage:Dokumentation/Dokuseite Vorlage:TemplateData

Beschreibung

Wichtig

  • Falls im Fließtext Gleichheitszeichen „=“ vorkommen, müssen sie mit der HTML-Entität &#61; ersetzt werden, weil sonst die Textanzeige unterbleibt.
  • Besser ist es daher, den benannten Parameter liste= zu verwenden.

Anzahl der Spalten

Vorlage:Info Die tatsächliche Anzahl der Spalten kann von der Angabe im Parameter anzahl= abweichen, weil sie sich dynamisch an die verfügbare Bildschirmbreite anpasst.

  • Die Standardvorgabe für die Spaltenbreite ist 30em – bei einer Monitorbreite von 1920 Bildpunkten ergibt das 4 Spalten.
    • Wenn die Spalten größere Bilder enthalten, sollte die breite= erhöht werden, um das Ineinanderverschieben der Spalten zu vermeiden (austesten).
    • Zusätzlich kann die maximale Anzahl der Spalten festgelegt werden
    • Bei schmalen Textspalten kann die em-Zahl auch auf beispielsweise 15em heruntergesetzt werden, um mehr Spalten zu erhalten.
  • In manchen Fällen kann es sinnvoll sein, zusätzlich eine maximale Gesamtbreite anzugeben.

Kopiervorlage

Einfach Standard 

{{Mehrspaltige Liste |liste=
‹Inhalt›
}}

Alle Parameter 

{{Mehrspaltige Liste |breite= |gesamtbreite= |anzahl= |abstand= |liste=
‹Inhalt›
}}

Beispiele

Bsp. 1, mit Stichpunkten

{{Mehrspaltige Liste |liste=
* Eintrag 1
* Eintrag 2
* Eintrag 3
* Eintrag 4
* Eintrag 5
* Eintrag 6
* Eintrag 7
* Eintrag 8
* Eintrag 9
* Eintrag 10
…
}}

ergibt:

<templatestyles src="column-multiple/styles.css" />

  • Eintrag 1
  • Eintrag 2
  • Eintrag 3
  • Eintrag 4
  • Eintrag 5
  • Eintrag 6
  • Eintrag 7
  • Eintrag 8
  • Eintrag 9
  • Eintrag 10

…

Bsp. 2, mit Nummerierung

{{Mehrspaltige Liste |liste=
# Eintrag
# Eintrag
# Eintrag
# Eintrag
# Eintrag
# Eintrag
# Eintrag
# Eintrag
# Eintrag
# Eintrag
…
}}

ergibt:

<templatestyles src="column-multiple/styles.css" />

  1. Eintrag
  2. Eintrag
  3. Eintrag
  4. Eintrag
  5. Eintrag
  6. Eintrag
  7. Eintrag
  8. Eintrag
  9. Eintrag
  10. Eintrag

…

Vorlage:Anker Bsp. 3, Mindestspaltenbreite reduziert

{{Mehrspaltige Liste |breite=15em |liste=
{{Lorem Ipsum/1}}
{{Lorem Ipsum/2}}
}}

ergibt:

<templatestyles src="column-multiple/styles.css" />

Vorlage:Lorem Ipsum/1 Vorlage:Lorem Ipsum/2

Vorlage:Anker Bsp. 4, Mindestbreite mit begrenzer Spaltenanzahl

{{Mehrspaltige Liste |breite=10em |anzahl=2 |liste=
{{Lorem Ipsum/1}}
{{Lorem Ipsum/2}}
}}

ergibt:

<templatestyles src="column-multiple/styles.css" />

Vorlage:Lorem Ipsum/1 Vorlage:Lorem Ipsum/2

Bsp. 5, Mindestbreite mit Abstand zwischen den Spalten

{{Mehrspaltige Liste |breite=10em |abstand=5em |liste=
{{Lorem Ipsum/1}}
{{Lorem Ipsum/2}}
}}

ergibt:

<templatestyles src="column-multiple/styles.css" />

Vorlage:Lorem Ipsum/1 Vorlage:Lorem Ipsum/2

Vorlage:Anker Bsp. 6, Liste mit maximaler Gesamtbreite

Vorlage:Info Die Angabe für gesamtbreite sollte größer sein als breite × anzahl. 

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

ergibt:

<templatestyles src="column-multiple/styles.css" />

  • 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




Abgerufen von „https://wiki.foxtom.de/index.php?title=Vorlage:Mehrspaltige_Liste&oldid=44988“