Vorlage:Mehrspaltige Liste

[Werkzeuge][Bearbeiten]

Dokumentation

TemplateData

Listen mit Hilfe von CSS dynamisch in 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.

⧼templatedata-doc-params⧽

⧼templatedata-doc-param-name⧽		⧼templatedata-doc-param-desc⧽	⧼templatedata-doc-param-type⧽	⧼templatedata-doc-param-status⧽
Spaltenbreite	breite	Mindestbreite der Spalten, vorzugweise in em ⧼templatedata-doc-param-default⧽ 30em ⧼templatedata-doc-param-example⧽ 15em	⧼templatedata-doc-param-type-line⧽	⧼templatedata-doc-param-status-optional⧽
Anzahl	anzahl	Maximale Zahl der Spalten ⧼templatedata-doc-param-suggestedvalues⧽ 2 3 4 5 6 7 8 9 ⧼templatedata-doc-param-example⧽ 2	⧼templatedata-doc-param-type-number⧽	⧼templatedata-doc-param-status-optional⧽
Abstand	abstand	Mindestabstand zwischen den Spalten, vorzugweise in em ⧼templatedata-doc-param-default⧽ 1em ⧼templatedata-doc-param-example⧽ 2em	⧼templatedata-doc-param-type-line⧽	⧼templatedata-doc-param-status-optional⧽
Gesamtbreite	gesamtbreite	Maximale Gesamtbreite der Liste, vorzugweise in em ⧼templatedata-doc-param-example⧽ 90em	⧼templatedata-doc-param-type-line⧽	⧼templatedata-doc-param-status-optional⧽
Listentext	liste 1	Inhalt der Liste in Wikitext	⧼templatedata-doc-param-type-content⧽	⧼templatedata-doc-param-status-required⧽

Format: block newlines\n{{_\n|_ = _\n}}\n

<templatedata>{"format":"\n{{_\n|_ = _\n}}\n","description":"Listen mit Hilfe von CSS dynamisch in 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.","paramOrder":["breite","anzahl","abstand","gesamtbreite","liste"],

"params":{ "breite":{"type":"line","description":"Mindestbreite der Spalten, vorzugweise in em","label":"Spaltenbreite","example":"15em","default":"30em"},

"anzahl":{"type":"number","description":"Maximale Zahl der Spalten","label":"Anzahl","example":"2","suggestedvalues":["2","3","4","5","6","7","8","9"]},

"abstand":{"type":"line","description":"Mindestabstand zwischen den Spalten, vorzugweise in em","label":"Abstand","example":"2em","default":"1em"},

"gesamtbreite":{"type":"line","example":"90em","description":"Maximale Gesamtbreite der Liste, vorzugweise in em","label":"Gesamtbreite"},

"liste":{"type":"content","description":"Inhalt der Liste in Wikitext","label":"Listentext","required":true,"aliases":["1"]} }

}</templatedata>

Beschreibung

Wichtig

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

Anzahl der Spalten

Datei:Pictogram voting info.svg Info: Die tatsächliche Anzahl der Spalten kann kleiner sein als die Angabe im Parameter anzahl=, 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 <syntaxhighlight lang="wikitext" copy>

‹Inhalt›

</syntaxhighlight> Alle Parameter <syntaxhighlight lang="wikitext" copy>

‹Inhalt›

</syntaxhighlight>

Beispiele

Bsp. 1, mit Stichpunkten

<syntaxhighlight lang="wikitext">

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

…

</syntaxhighlight>

ergibt:

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

…

Bsp. 2, mit Nummerierung

<syntaxhighlight lang="wikitext">

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

…

</syntaxhighlight>

ergibt:

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

…

Bsp. 3, Mindestspaltenbreite reduziert

<syntaxhighlight lang="wikitext">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et lacinia purus. Fusce placerat odio interdum ante maximus, a sodales sem mattis. Maecenas non commodo ante. Morbi hendrerit ullamcorper eleifend. Nulla euismod tincidunt rhoncus. Etiam commodo dui eu pellentesque rhoncus. Nam vel fringilla mi, quis semper felis. Vestibulum at volutpat enim. Ut id nisl maximus, mollis nulla vitae, maximus diam. Etiam sagittis libero id finibus posuere. Sed tempus suscipit sodales. Praesent tempus velit et neque cursus, quis maximus elit consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin blandit condimentum pharetra. In consectetur tincidunt fermentum. Quisque justo erat, porttitor id pellentesque blandit, placerat sed nisi. Ut id lorem rutrum, aliquam justo at, viverra mauris. Nunc venenatis diam sit amet mauris eleifend ornare. Quisque hendrerit eros non tempus sodales.

</syntaxhighlight>

ergibt:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et lacinia purus. Fusce placerat odio interdum ante maximus, a sodales sem mattis. Maecenas non commodo ante. Morbi hendrerit ullamcorper eleifend. Nulla euismod tincidunt rhoncus. Etiam commodo dui eu pellentesque rhoncus. Nam vel fringilla mi, quis semper felis. Vestibulum at volutpat enim. Ut id nisl maximus, mollis nulla vitae, maximus diam. Etiam sagittis libero id finibus posuere. Sed tempus suscipit sodales. Praesent tempus velit et neque cursus, quis maximus elit consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin blandit condimentum pharetra. In consectetur tincidunt fermentum. Quisque justo erat, porttitor id pellentesque blandit, placerat sed nisi. Ut id lorem rutrum, aliquam justo at, viverra mauris. Nunc venenatis diam sit amet mauris eleifend ornare. Quisque hendrerit eros non tempus sodales.

Bsp. 4, Mindestbreite mit begrenzer Spaltenanzahl

<syntaxhighlight lang="wikitext">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et lacinia purus. Fusce placerat odio interdum ante maximus, a sodales sem mattis. Maecenas non commodo ante. Morbi hendrerit ullamcorper eleifend. Nulla euismod tincidunt rhoncus. Etiam commodo dui eu pellentesque rhoncus. Nam vel fringilla mi, quis semper felis. Vestibulum at volutpat enim. Ut id nisl maximus, mollis nulla vitae, maximus diam. Etiam sagittis libero id finibus posuere. Sed tempus suscipit sodales. Praesent tempus velit et neque cursus, quis maximus elit consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin blandit condimentum pharetra. In consectetur tincidunt fermentum. Quisque justo erat, porttitor id pellentesque blandit, placerat sed nisi. Ut id lorem rutrum, aliquam justo at, viverra mauris. Nunc venenatis diam sit amet mauris eleifend ornare. Quisque hendrerit eros non tempus sodales.

</syntaxhighlight>

ergibt:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et lacinia purus. Fusce placerat odio interdum ante maximus, a sodales sem mattis. Maecenas non commodo ante. Morbi hendrerit ullamcorper eleifend. Nulla euismod tincidunt rhoncus. Etiam commodo dui eu pellentesque rhoncus. Nam vel fringilla mi, quis semper felis. Vestibulum at volutpat enim. Ut id nisl maximus, mollis nulla vitae, maximus diam. Etiam sagittis libero id finibus posuere. Sed tempus suscipit sodales. Praesent tempus velit et neque cursus, quis maximus elit consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin blandit condimentum pharetra. In consectetur tincidunt fermentum. Quisque justo erat, porttitor id pellentesque blandit, placerat sed nisi. Ut id lorem rutrum, aliquam justo at, viverra mauris. Nunc venenatis diam sit amet mauris eleifend ornare. Quisque hendrerit eros non tempus sodales.

Bsp. 5, Mindestbreite mit Abstand zwischen den Spalten

<syntaxhighlight lang="wikitext">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et lacinia purus. Fusce placerat odio interdum ante maximus, a sodales sem mattis. Maecenas non commodo ante. Morbi hendrerit ullamcorper eleifend. Nulla euismod tincidunt rhoncus. Etiam commodo dui eu pellentesque rhoncus. Nam vel fringilla mi, quis semper felis. Vestibulum at volutpat enim. Ut id nisl maximus, mollis nulla vitae, maximus diam. Etiam sagittis libero id finibus posuere. Sed tempus suscipit sodales. Praesent tempus velit et neque cursus, quis maximus elit consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin blandit condimentum pharetra. In consectetur tincidunt fermentum. Quisque justo erat, porttitor id pellentesque blandit, placerat sed nisi. Ut id lorem rutrum, aliquam justo at, viverra mauris. Nunc venenatis diam sit amet mauris eleifend ornare. Quisque hendrerit eros non tempus sodales.

</syntaxhighlight>

ergibt:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et lacinia purus. Fusce placerat odio interdum ante maximus, a sodales sem mattis. Maecenas non commodo ante. Morbi hendrerit ullamcorper eleifend. Nulla euismod tincidunt rhoncus. Etiam commodo dui eu pellentesque rhoncus. Nam vel fringilla mi, quis semper felis. Vestibulum at volutpat enim. Ut id nisl maximus, mollis nulla vitae, maximus diam. Etiam sagittis libero id finibus posuere. Sed tempus suscipit sodales. Praesent tempus velit et neque cursus, quis maximus elit consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin blandit condimentum pharetra. In consectetur tincidunt fermentum. Quisque justo erat, porttitor id pellentesque blandit, placerat sed nisi. Ut id lorem rutrum, aliquam justo at, viverra mauris. Nunc venenatis diam sit amet mauris eleifend ornare. Quisque hendrerit eros non tempus sodales.

Bsp. 6, Liste mit maximaler Gesamtbreite

Datei:Pictogram voting info.svg Info: Aufgrund des kleinen Abstandes zwischen den Spalten muss die Angabe für gesamtbreite etwas größer sein als breite × anzahl.
(Im folgenden Beispiel würde beispielsweise |breite=30em |gesamtbreite=60em) nicht funktionieren.) <syntaxhighlight lang="wikitext">

1. Bušinec, (dt. Wuschinz)
2. Cerovec, (dt. Zerouz)
3. Dobindol, (dt. Eichenthal in der Unterkrain)
4. Dolenje Gradišče, (dt. Untergradische)
5. Dolenje Polje, (dt. Unterfeld bei Töplitz)
6. Dolenje Sušice, (dt. Unterschützen, auch Untersuschitz)
7. Drenje, (dt. Dreine)
8. Gabrje pri Soteski, (dt. Gaberch)
9. Gorenje Gradišče, (dt. Obergrädisch)
10. Gorenje Polje, (dt. Oberfeld bei Töplitz, auch Obernfelden)
11. Gorenje Sušice, (dt. Oberschützen, auch Obersuschitz)

</syntaxhighlight>

ergibt:

1. Bušinec, (dt. Wuschinz)
2. Cerovec, (dt. Zerouz)
3. Dobindol, (dt. Eichenthal in der Unterkrain)
4. Dolenje Gradišče, (dt. Untergradische)
5. Dolenje Polje, (dt. Unterfeld bei Töplitz)
6. Dolenje Sušice, (dt. Unterschützen, auch Untersuschitz)
7. Drenje, (dt. Dreine)
8. Gabrje pri Soteski, (dt. Gaberch)
9. Gorenje Gradišče, (dt. Obergrädisch)
10. Gorenje Polje, (dt. Oberfeld bei Töplitz, auch Obernfelden)
11. Gorenje Sušice, (dt. Oberschützen, auch Obersuschitz)

Siehe auch

• Hilfe:Textgestaltung/Mehrspaltigkeit und Listen

Werkzeuge

Bei technischen Fragen zu dieser Vorlage kannst du dich auch an die Vorlagenwerkstatt wenden. Inhaltliche Fragen und Vorschläge gehören zunächst auf die Diskussionsseite. Sie können ggf. auch an eine passende Redaktion, Portal usw. gerichtet werden.

• Verwendungen dieser Vorlage
• Cirrus-Suche zu Einbindungen dieser Vorlage (zunächst nur ANR) mit weiteren Möglichkeiten
• Anzahl der Einbindungen
• Liste der Unterseiten.
• Diese Dokumentation befindet sich auf einer eingebundenen Unterseite [Bearbeiten].
• Test-/Beispielseite erstellen.