Vorlage:Box/Doku: Unterschied zwischen den Versionen

keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
Zeile 5: Zeile 5:
* '''Funktion:''' Diese Vorlage dient dazu, den Textkörper und Titel von Textboxen auf den Portalseiten zu formatieren.
* '''Funktion:''' Diese Vorlage dient dazu, den Textkörper und Titel von Textboxen auf den Portalseiten zu formatieren.
* '''Verwendung:'''
* '''Verwendung:'''
** {{Tlc|Box|{{Var|title{{=}}Titel}}|{{Var|content{{=}}Vorlage}}|{{Var|color{{=}}Nummer}}|{{Var|id{{=}}anId}}|1{{=}}Text}}
** {{Tlc|Box|{{Var|title{{=}}Titel}}|{{Var|content{{=}}Vorlage}}|{{Var|color{{=}}Kennung}}|{{Var|id{{=}}anId}}|1{{=}}Text}}
* '''Optionale Parameter:'''
* '''Optionale Parameter:'''
** {{Para|title}} Ausschrift im Kopf der Box.
** {{Para|title}} Ausschrift im Kopf der Box.
** {{Para|color}} Nummer eines Farbmusters  
** {{Para|color}} Kennung eines Farbmusters (skanwiki oder ISO Länderkennung)
*** 1 = SkanWiki Blau
*** 2 = Dänemark - Rot
*** 3 = Rot
** {{Para|image}} Bild in der linken oberen Ecke.
** {{Para|image}} Bild in der linken oberen Ecke.
** {{Para|content}} Name der einzufügenden Vorlage.
** {{Para|content}} Name der einzufügenden Vorlage.
Zeile 52: Zeile 49:
"color": {
"color": {
"label": "Farbmuster",
"label": "Farbmuster",
"description": "Nummer des Farbmusters. Gegenwärtig werden 1 (Standard) und 2 unterstützt.",
"description": "Kennung des Farbmusters (skanwiki oder ISO Länderkennung) ",
"type": "number",
"type": "number",
"required": false
"required": true
},
},
"content": {
"content": {
Zeile 151: Zeile 148:
}
}
</templatedata>
</templatedata>
== Siehe auch ==
'''Verwandte Vorlagen:'''
* {{#ifeq: {{BASEPAGENAME}} | Box | | {{Tlx|Box|{{Var|title{{=}}Titel}}|{{Var|content{{=}}Vorlage}}|{{Var|color{{=}}Nummer}}|{{Var|id{{=}}anId}}|{{Var|1{{=}}Text}}}} – Erzeugt eine Textbox.}}
* {{#ifeq: {{BASEPAGENAME}} | BoxTabs | | {{Tlx|BoxTabs|{{Var|color{{=}}Nummer}}|{{Var|selected{{=}}Nummer}}|1{{=}}Reiter 1|2{{=}}Reiter 2|...}} – Fügt einen oder mehrere Kartenreiter auf einer Box ein.}}
* {{#ifeq: {{BASEPAGENAME}} | Zwischentitel | | {{Tlx|Zwischentitel|Titel|{{Var|center{{=}}yes}}|{{Var|id{{=}}anId}}}} – Fügt eine Zwischenüberschrift ein.}}
* {{#ifeq: {{BASEPAGENAME}} | MultiColsLayout | | {{Tlx|MultiColsLayout|{{Var|title{{=}}Titel}}|{{Var|centerTitle{{=}}yes}}|{{Var|intro{{=}}Text}}|{{Var|withFrame{{=}}yes}}|{{Var|frameColor{{=}}Nummer}}|{{Var|col1{{=}}Text}}|{{Var|width1{{=}}breite}}|{{Var| ...}}}} – Stellt mehrere Spalten für Textboxen zur Verfügung.}}
{{#ifeq: {{BASEPAGENAME}} | MultiColsLayout |{{Dokumentation Spaltenlayout siehe auch|nurSpaltenVorlagen=ja}}|}}


== CSS-Stilvorlagen ==
* [[Vorlage:Box/styles.css]]
== Verwendete CSS-Klassenbezeichner ==
=== Bestandteile der Box ===
* <code>voy-box-wrapper</code> – Container für die gesamte Box.
* <code>voy-box-first</code> – Für <code>voy-box-wrapper</code> zusätzliche Klasse, die anzeigt, dass diese Box eine von mehreren folgenden Boxen ist.
* <code>voy-box-header</code> – Überschrift der Box.
* <code>voy-box-image</code> – Abbildung in der Box.
* <code>voy-box-content</code> – Textteil der Box.
=== Abgeleitete Vorlagen ===
* <code>voy-navigation-bar</code> – Für <code>voy-box-wrapper</code> zusätzliche Klasse für Navigationsleisten, siehe [[Vorlage:Navigationsleiste]].
=== Positionen der Box ===
* <code>voy-box-centered</code> – Für <code>voy-box-wrapper</code> zusätzliche Klasse, die eine mittige Positionierung bewirkt.
* <code>voy-box-left</code> – Für <code>voy-box-wrapper</code> zusätzliche Klasse, die eine linksbündige Positionierung bewirkt.
* <code>voy-box-right</code> – Für <code>voy-box-wrapper</code> zusätzliche Klasse, die eine rechtsbündige Positionierung bewirkt.
=== Farben der Box ===
* <code>voy-box-var-1</code> – Ergänzende Klasse zu <code>voy-box-wrapper</code>, die die erste Farbvariante (blau) für den/die Rahmen und die Überschrift definiert.
* <code>voy-box-var-2</code> – Ergänzende Klasse zu <code>voy-box-wrapper</code>, die die zweite Farbvariante (grün) für den/die Rahmen und die Überschrift definiert.
* <code>voy-box-var-3</code> – Ergänzende Klasse zu <code>voy-box-wrapper</code>, die die dritte Farbvariante (rot) für den/die Rahmen und die Überschrift definiert.
=== Elemente in der Überschrift ===
* <code>voy-box-edit-link</code> – Klasse für den Bearbeiten-Link.
* <code>mw-collapsible-toggle</code> – Klasse, die anzeigt, dass ein Einklappen-Link eingefügt werden soll.
* <code>mw-collapsed</code> – Klasse, die anzeigt, dass die Box eingeklappt ist.
* <code>mw-collapsible-content</code> – Klasse für Elemente, die beim Einklappen ausgeblendet werden sollen.
=== Formatierung ===
* <code>voy-text-center</code> – Klasse für zentrierte Darstellung in der Überschrift und im Textkörper.
== Generierter HTML-Quellcode ==
<syntaxhighlight lang="html">
<div class="voy-box-wrapper voy-box-var-1|voy-box-var-2|voy-box-var-3
voy-box-centered|voy-box-left|voy-box-right voy-box-first mw-collapsible mw-collapsed addClasses"
styles="width: width|40%; styles">
<div class="voy-box-edit-link plainlinks">[ <a href="...">Bearbeiten</a> ]</div>
<div class="voy-box-image mw-collapsible-content" style="imgStyles" }}>image</div>
<div class="voy-box-header voy-text-center" id="id">title</div>
<div class="voy-box-content mw-collapsible-content" style="textStyles" }}>{{content}}|text</div>
</div>
</syntaxhighlight>
{{Dokumentation Textboxen siehe auch}}
__NOTOC__ __NOEDITSECTION__
__NOTOC__ __NOEDITSECTION__
<includeonly><!-- Kategorien bitte hier, Interwiki-Links bitte nach Wikidata -->
<includeonly><!-- Kategorien bitte hier, Interwiki-Links bitte nach Wikidata -->