Vorlage:MultiColsLayout: Unterschied zwischen den Versionen

Aktuelle Version vom 9. Februar 2023, 15:34 Uhr

Dokumentation für die Vorlage {{MultiColsLayout}}[Ansicht] [Bearbeiten] [Versionsgeschichte] [Aktualisieren]

Diese Vorlage wird auf vielen Seiten verwendet

Um große Unterbrechungen und unnötige Serverauslastung zu vermeiden, solltest du Änderungen an anderer Stelle testen, indem du beispielsweise den Quellcode dieser Vorlage kopierst und in den Benutzerbereich oder in die Sandbox einfügst. Erwäge, deine Änderungen auf der Diskussionsseite vorzuschlagen, bevor du diese Vorlage bearbeitest.

Diese Vorlage dient dazu, ein mehrspaltiges Layout im Corporate Design anzulegen. Sie findet hauptsächlich im Projekt- und Hilfenamensraum Anwendung. Für Reieseführerartikel sollte eine der Spaltenvorlagen genutzt werden.

Die Breite der letzten Spalte entfällt üblicherweise. Sie erhält automatisch die maximal verfügbare Breite.

Parameter		Beschreibung	Typ	Status
Überschrift	`title`	Überschrift im Kopf der Box. Überschrift zieht Rahmen nach sich.	Mehrzeiliger Text	vorgeschlagen
Überschrift zentrieren	`centerTitle`	Zentrieren der Überschrift. Vorgeschlagene Werte `yes`	Mehrzeiliger Text	optional
Einleitung	`intro`	Text unterhalb der Überschrift.	Mehrzeiliger Text	vorgeschlagen
Inhalt 1	`col1`	Inhalt der ersten Spalte.	Mehrzeiliger Text	vorgeschlagen
Breite 1	`width1`	Breite der ersten Spalte.	Mehrzeiliger Text	vorgeschlagen
Inhalt 2	`col2`	Inhalt der zweiten Spalte.	Mehrzeiliger Text	vorgeschlagen
Breite 2	`width2`	Breite der zweiten Spalte.	Mehrzeiliger Text	vorgeschlagen
Inhalt 3	`col3`	Inhalt der dritten Spalte.	Mehrzeiliger Text	vorgeschlagen
Breite 3	`width3`	Breite der dritten Spalte.	Mehrzeiliger Text	vorgeschlagen
Inhalt 4	`col4`	Inhalt der vierten Spalte.	Mehrzeiliger Text	vorgeschlagen
Breite 4	`width4`	Breite der vierten Spalte.	Mehrzeiliger Text	vorgeschlagen
Inhalt 5	`col5`	Inhalt der fünften Spalte.	Mehrzeiliger Text	vorgeschlagen
Breite 5	`width5`	Breite der fünften Spalte.	Mehrzeiliger Text	vorgeschlagen
Fußelement	`footer`	Fußelement über volle Breite.	Mehrzeiliger Text	vorgeschlagen
Rahmen	`withFrame`	Rahmen um Alles. Nur, wenn kein Titel angegeben wurde. Vorgeschlagene Werte `yes`	Mehrzeiliger Text	optional
Rahmenfarbe	`color`	Nummer der Rahmenfarbe. Vorgeschlagene Werte `1` `2` `3` Standard 1	Zahlenwert	optional
Klassen	`class`	Weitere Klassenattribute.	Mehrzeiliger Text	optional
Styles	`styles`	Weitere CSS-Stilangaben.	Mehrzeiliger Text	optional

Format: block

Verwendung

{{MultiColsLayout|title=Titel|centerTitle=yes|intro=Text|withFrame=yes|color=Nummer|col1=Text|width1=Breite|…}}

Beispiel

{{MultiColsLayout
|title=Lorem ipsum
|intro=Lorem ipsum…
|col1=Lorem ipsum…
|width1=50%
|col2=Lorem ipsum…
}}

ergibt:

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

Redirects

{{Mehrspaltenlayout}}

Abgeleitete Vorlagen

{{Featured Destinations}}

Stilvorlagen

Vorlage:MultiColsLayout/styles.css

Verwendete CSS-Klassen

voy-multicols-box Container für das Mehrspaltenlayout
voy-multicols-intro Einleitung im Mehrspaltenlayout
voy-multicols-no-frame Klasse im Container für das Mehrspaltenlayout, die anzeigt, dass kein äußerer Rahmen dargestellt werden soll
voy-multicols-header Überschrift im Mehrspaltenlayout
voy-multicols-cols Container für die Spalten
voy-multicols-col Container für eine einzelne Spalte
voy-multicols-footer Fußteil im Mehrspaltenlayout
voy-multicols-var-1 Ergänzende Klasse zu voy-multicols-box, die die erste Farbvariante (blau) für den/die Rahmen und die Überschrift definiert.
voy-multicols-var-2 Ergänzende Klasse zu voy-multicols-box, die die zweite Farbvariante (grün) für den/die Rahmen und die Überschrift definiert.
voy-multicols-var-3 Ergänzende Klasse zu voy-multicols-box, die die dritte Farbvariante (rot) für den/die Rahmen und die Überschrift definiert.
voy-centered Klasse für die Überschrift im Mehrspaltenlayout voy-multicols-header, das die zentrierte Darstellung der Überschrift bewirkt.

Wartungskategorien

Kategorie:MultiColsLayout mit Rahmen

Vorlage:Dokumentation Textboxen siehe auch

Hinweise

Die obige Dokumentation wurde aus der Seite Vorlage:MultiColsLayout/Doku eingefügt. (bearbeiten | Versionsgeschichte) Die Kategorien für diese Vorlage sollten in der Dokumentation eingetragen werden. Die Interwiki-Links sollten auf Wikidata eingepflegt werden.
Testseite anlegen -Editnotice anlegen -Wartungsseite anlegen
Liste der Unterseiten

@@ Zeile 1: / Zeile 1: @@
-<includeonly><div class="mcContainer {{{class|}}} {{#if: {{{withFrame|}}} | {{#switch: {{{frameColor|}}} | 2 = var2 }} | mcWithoutFrame }}"><!--
+<includeonly><templatestyles src="MultiColsLayout/styles.css" />{{#if: {{{withFrame|}}}{{{title|}}}
--->{{#if: {{{title|}}} | <div class="mcHeader"><div class="header {{#if: {{{centerTitle|}}} | centered }}">{{{title|}}}</div></div> }}<!--
+ | [[Kategorie:MultiColsLayout mit Rahmen]]
--->{{#if: {{{intro|}}} | <div class="mcIntro">{{{intro}}}</div> }}<!--
+ | {{#if: {{{intro|}}} | <p class="voy-multicols-intro {{#switch: {{{color|}}} | 2 = voy-multicols-var-2 | 3 = voy-multicols-var-3 | #default = voy-multicols-var-1 }}">{{{intro}}}</p> }}
+}}<div class="voy-multicols-box {{{class|}}} {{#switch: {{{color|}}} | 2 = voy-multicols-var-2 | 3 = voy-multicols-var-3 | #default = voy-multicols-var-1 }} {{#if: {{{title|}}}
+ | <!-- ja, dann Rahmen -->
+ | {{#if: {{{withFrame|}}} | | voy-multicols-no-frame }}
+}}" {{#if: {{{styles|}}} | style="{{{styles}}}" }}><!--
+-->{{#if: {{{title|}}} | <div class="voy-multicols-header {{#if: {{{centerTitle|}}} | voy-centered }}">{{{title|}}}</div> }}<!--
+-->{{#if: {{{withFrame|}}}{{{title|}}} | {{#if: {{{intro|}}} | <div class="voy-multicols-intro">
+{{{intro}}}</div> }} }}<!--
--->{{#if: {{{col1|}}}
+--><div class="voy-multicols-cols">{{#if: {{{col1|}}}
-| <div class="mcCol {{#if: {{{col2|}}} | | mcLastCol}}" {{#if: {{{width1|}}} | style="width: {{{width1}}};" }}>
+| <div class="voy-multicols-col" {{#if: {{{width1|}}} | style="width: {{{width1}}}; flex: none;" }}>
 {{{col1}}}</div><!--
--->{{#if: {{{col2|}}} | <div class="mcCol {{#if: {{{col3|}}} | | mcLastCol}}" {{#if: {{{width2|}}} | style="width: {{{width2}}};" }}>
+-->{{#if: {{{col2|}}} | <div class="voy-multicols-col" {{#if: {{{width2|}}} | style="width: {{{width2}}}; flex: none;" }}>
 {{{col2}}}</div> }}<!--
--->{{#if: {{{col3|}}} | <div class="mcCol {{#if: {{{col4|}}} | | mcLastCol}}" {{#if: {{{width3|}}} | style="width: {{{width3}}};" }}>
+-->{{#if: {{{col3|}}} | <div class="voy-multicols-col" {{#if: {{{width3|}}} | style="width: {{{width3}}}; flex: none;" }}>
 {{{col3}}}</div> }}<!--
--->{{#if: {{{col4|}}} | <div class="mcCol {{#if: {{{col5|}}} | | mcLastCol}}" {{#if: {{{width4|}}} | style="width: {{{width4}}};" }}>
+-->{{#if: {{{col4|}}} | <div class="voy-multicols-col" {{#if: {{{width4|}}} | style="width: {{{width4}}}; flex: none;" }}>
 {{{col4}}}</div> }}<!--
--->{{#if: {{{col5|}}} | <div class="mcCol mcLastCol" {{#if: {{{width5|}}} | style="width: {{{width5}}};" }}>
+-->{{#if: {{{col5|}}} | <div class="voy-multicols-col" {{#if: {{{width5|}}} | style="width: {{{width5}}};" }}>
 {{{col5}}}</div> }}
-| <div class="mcCol mcLastCol">Keine Inhalte angegeben</div>
+| <div class="voy-multicols-col">Keine Inhalte angegeben</div>
-}}<div style="clear: both;"></div><!--
+}}</div><!--
--->{{#if: {{{footer|}}} | <div class="mcFooter">{{{footer}}}</div> }}
+-->{{#if: {{{footer|}}} | <div class="voy-multicols-footer">{{{footer}}}</div> }}
 </div></includeonly><noinclude>{{Dokumentation}}</noinclude>