Vorlage:Banner: Unterschied zwischen den Versionen

Versionsgeschichte interaktiv durchsuchen

Aktuelle Version vom 15. Januar 2024, 12:31 Uhr

This template creates an intro banner on a page. The banner should contain an image (optional), a title and 2-3 lines of text.

Keine Beschreibung.

Vorlagenparameter[Vorlagendaten bearbeiten]
Parameter		Beschreibung	Typ	Status
Bannergrafik (optional)	`banner-image`	Bildname, ohne das Datei-Präfix, aber mit Namensraum-Präfix (falls es existiert) Beispiel meinbild.png	Unbekannt	vorgeschlagen
Bildbreite	`image-width`	Breite in Pixel. Standard ist 200 Beispiel z.B. 300 (Standard ist 200)	Unbekannt	vorgeschlagen
Bildposition	`imagealign`	Links oder rechts in der Box Standard left Beispiel left, right	Unbekannt	vorgeschlagen
Alternativtext (für Barrierefreiheit)	`alt`	Wird von Bildschirmlesegeräten vorgelesen	Unbekannt	vorgeschlagen
Überschrift	`banner-title`	Box heading	Mehrzeiliger Text	vorgeschlagen
Größe der Überschrift	`titlesize`	keine Beschreibung Standard 1.6em Beispiel 2em, 15px	Unbekannt	vorgeschlagen
Farbe der Überschrift	`titlecolor`	Color of the heading. Beispiel #ffffff	Unbekannt	vorgeschlagen
Überschriftenebene	`headinglevel`	auf h2 wechseln, wenn die Seite einen Seitentitel enthält	Unbekannt	vorgeschlagen
Text	`banner-text`	1-3 Zeilen Text	Wikitext	vorgeschlagen
Textgröße	`textsize`	keine Beschreibung Standard 1.3em Beispiel 12px, 1em	Unbekannt	vorgeschlagen
Textfarbe	`textcolor`	keine Beschreibung Beispiel #000000	Unbekannt	vorgeschlagen
Textabstand	`contentpadding`	Abstand um den Text. Standard ist 10px. Beispiel 20px	Zahlenwert	vorgeschlagen
Abstand des Inhalts zur Box	`boxpadding`	Setzt den Abstand in Pixeln, Standard ist 0 Beispiel 10px (Standard ist 0) Autowert	Unbekannt	vorgeschlagen
Hintergrundfarbe der Box (optional)	`boxbgcolor`	Standard ist grau (#f1f3f9). Kann mit beliebigem Hex-Wert ersetzt werden (z.B. #ffffe6) Standard #efefef	Mehrzeiliger Text	vorgeschlagen

@@ Zeile 1: / Zeile 1: @@
 <includeonly><templatestyles src="Banner/styles.css" /><div class="bannerbox" style="align-items:start;{{#ifeq:{{{imagealign|}}}|right|flex-direction:row-reverse;|flex-dirction:row;}}{{#if:{{{boxbgcolor|}}}|background:{{{boxbgcolor}}};|}}padding:{{{boxpadding|0px}}};">
-{{#if:{{{banner-image|}}}|<div class="banner-image">[[File:{{{banner-image}}}{{!}}{{#if:{{{image-width|}}}|{{{image-width}}}x{{{image-width}}}px|200x200px}}{{!}}link=]]</div>|}}<div class="banner-content" style="padding:{{#if:{{{contentpadding|}}}|{{{contentpadding}}}"|10px}}>{{#if:{{{banner-title|}}}|<div class="banner-title"><h1 style="margin-top:0; {{#if:{{{titlesize|}}}|font-size:{{{titlesize}}};|font-size:1.6em;}}{{#if:{{{titlecolor|}}}|color:{{{titlecolor}}};|}}">{{{banner-title}}}</h1></div>|}}{{#if:{{{banner-text|}}}|<div class="banner-text" style="{{#if:{{{textcolor|}}}|color:{{{textcolor}}};|}}{{#if:{{{textsize|}}}|font-size:{{{textsize}}};|}}">{{{banner-text}}}</div>|}}</div></div></includeonly><noinclude>
+{{#if:{{{banner-image|}}}|<div class="banner-image">[[File:{{{banner-image}}}{{!}}{{#if:{{{image-width|}}}|{{{image-width}}}x{{{image-width}}}px|200x200px}}{{!}}{{#if:{{{alt|}}}|alt={{{alt}}}|}}{{!}}link=]]</div>|}}<div class="banner-content" style="padding:{{#if:{{{contentpadding|}}}|{{{contentpadding}}}"|10px}}>{{#if:{{{banner-title|}}}|<div class="banner-title"><h2 style="margin-top:0; {{#if:{{{titlesize|}}}|font-size:{{{titlesize}}};|font-size:1.6em;}}{{#if:{{{titlecolor|}}}|color:{{{titlecolor}}};|}}">{{{banner-title}}}</h2></div>|}}{{#if:{{{banner-text|}}}|<div class="banner-text" style="{{#if:{{{textcolor|}}}|color:{{{textcolor}}};|}}{{#if:{{{textsize|}}}|font-size:{{{textsize}}};|}}">{{{banner-text}}}</div>|}}</div></div></includeonly><noinclude>
 This template creates an intro banner on a page. The banner should contain an image (optional), a title and 2-3 lines of text.
 <templatedata>
@@ Zeile 41: / Zeile 41: @@
 				"en": "Content padding (optional)",
 				"de": "Textabstand"
-				},
+			},
 			"description": {
 				"en": "Padding around text. Default is 10px.",
@@ Zeile 173: / Zeile 173: @@
 				"en": "1.3em",
 				"de": "1.3em"
+			},
+			"suggested": true
+		},
+		"alt": {
+			"label": {
+				"de": "Alternativtext (für Barrierefreiheit)",
+				"en": "Alternative text (for accessibility)"
+			},
+			"description": {
+				"de": "Wird von Bildschirmlesegeräten vorgelesen",
+				"en": "Screenreaders will read this text"
+			},
+			"suggested": true
+		},
+		"headinglevel": {
+			"label": {
+				"de": "Überschriftenebene",
+				"en": "Heading level (for accessibility)"
+			},
+			"description": {
+				"de": "auf h2 wechseln, wenn die Seite einen Seitentitel enthält",
+				"en": "switch to h2 if the page has a page title"
 			},
 			"suggested": true
@@ Zeile 181: / Zeile 203: @@
 		"image-width",
 		"imagealign",
+		"alt",
 		"banner-title",
 		"titlesize",
 		"titlecolor",
+		"headinglevel",
 		"banner-text",
 		"textsize",