Template:Banner: Difference between revisions

Revision as of 11:05, 12 February 2026

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

No description.

Template parameters
Parameter		Description	Type	Status
Banner image (optional)	`banner-image`	Image name, without the File: prefix, but with namespace prefix (if it exists) Example myimage.png	Unknown	suggested
Image width	`image-width`	Width in pixels. Default setting is 200 Example e.g., 300 (default is 200)	Unknown	suggested
Image alignment	`imagealign`	Links oder rechts in der Box Default left Example left, right	Unknown	suggested
Heading	`banner-title`	Box heading	String	suggested
Heading size	`titlesize`	no description Default 1.6em Example 2em, 15px	Unknown	suggested
Heading color	`titlecolor`	Color of the heading. Example #ffffff	Unknown	suggested
Text	`banner-text`	1-3 lines of text	Content	suggested
Text size	`textsize`	no description Default 1.3em Example 12px, 1em	Unknown	suggested
Text color	`textcolor`	no description Example #000000	Unknown	suggested
Content padding (optional)	`contentpadding`	Padding around text. Default is 10px. Example 20px	Number	suggested
Padding of the container box (optional)	`boxpadding`	Sets the padding for the box. Default is 0. Example 10px (default is 0) Auto value	Unknown	suggested
Background color (optional)	`boxbgcolor`	Default is grey (#f1f3f9). Replace with any hex value, (e.g. #ffffe6) Default #efefef	String	suggested

@@ Line 1: / Line 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"><div class="bannerhd" style="margin-top:0; {{#if:{{{titlesize|}}}|font-size:{{{titlesize}}};|font-size:1.6em;}}{{#if:{{{titlecolor|}}}|color:{{{titlecolor}}};|}}">{{{banner-title}}}</div></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>
 {
@@ Line 4: / Line 8: @@
 		"boxbgcolor": {
 			"label": {
-				"en": "Background color",
+				"en": "Background color (optional)",
-				"de": "Hintergrundfarbe"
+				"de": "Hintergrundfarbe der Box (optional)"
+			},
+			"description": {
+				"en": "Default is grey (#f1f3f9). Replace with any hex value, (e.g. #ffffe6)",
+				"de": "Standard ist grau (#f1f3f9). Kann mit beliebigem Hex-Wert ersetzt werden (z.B. #ffffe6)"
 			},
-			"description": "Hex-Wert (z.B. #ffffe6)",
 			"type": "string",
 			"suggested": true,
-			"default": "#efefef"
+			"default": {
+				"en": "#efefef",
+				"de": "#efefef"
+			}
 		},
 		"boxpadding": {
-			"label": "Abstand Box",
+			"label": {
-			"type": "string",
+				"en": "Padding of the container box (optional)",
+				"de": "Abstand des Inhalts zur Box"
+			},
+			"description": {
+				"en": "Sets the padding for the box. Default is 0.",
+				"de": "Setzt den Abstand in Pixeln, Standard ist 0"
+			},
+			"example": {
+				"en": "10px (default is 0)",
+				"de": "10px (Standard ist 0)"
+			},
 			"suggested": true,
-			"default": "0px"
+			"autovalue": ""
 		},
 		"contentpadding": {
-			"label": "Textabstand",
+			"label": {
-			"type": "string",
+				"en": "Content padding (optional)",
-			"default": "10px",
+				"de": "Textabstand"
+				},
+			"description": {
+				"en": "Padding around text. Default is 10px.",
+				"de": "Abstand um den Text. Standard ist 10px."
+			},
+			"type": "number",
+			"example": {
+				"en": "20px",
+				"de": "20px"
+			},
 			"suggested": true
 		},
 		"banner-image": {
-			"label": "Bannergrafik",
+			"description": {
-			"description": "Bildname ohne Datei-Präfix",
+				"en": "Image name, without the File: prefix, but with namespace prefix (if it exists)",
-			"type": "wiki-file-name",
+				"de": "Bildname, ohne das Datei-Präfix, aber mit Namensraum-Präfix (falls es existiert)"
+			},
+			"label": {
+				"en": "Banner image (optional)",
+				"de": "Bannergrafik (optional)"
+			},
+			"example": {
+				"en": "myimage.png",
+				"de": "meinbild.png"
+			},
 			"suggested": true
 		},
 		"image-width": {
-			"label": "Bildbreite",
+			"label": {
-			"type": "number",
+				"en": "Image width",
-			"default": "200",
+				"de": "Bildbreite"
-			"suggested": true
+			},
+			"description": {
+				"en": "Width in pixels. Default setting is 200",
+				"de": "Breite in Pixel. Standard ist 200"
+			},
+			"suggested": true,
+			"default": {
+				"de-formal": "200"
+			},
+			"example": {
+				"de": "z.B. 300 (Standard ist 200)",
+				"en": "e.g., 300 (default is 200)"
+			}
 		},
 		"imagealign": {
-			"label": "Bildposition",
+			"label": {
-			"type": "string",
+				"en": "Image alignment",
-			"default": "left",
+				"de": "Bildposition"
-			"suggested": true
+			},
+			"example": {
+				"en": "left, right",
+				"de": "left, right"
+			},
+			"default": {
+				"en": "left",
+				"de": "left"
+			},
+			"suggested": true,
+			"description": "Links oder rechts in der Box"
 		},
 		"banner-title": {
-			"label": "Überschrift",
 			"type": "string",
-			"suggested": true
+			"suggested": true,
+			"label": {
+				"en": "Heading",
+				"de": "Überschrift"
+			},
+			"description": "Box heading"
 		},
 		"titlesize": {
-			"label": "Größe Überschrift",
+			"label": {
-			"default": "1.6em",
+				"en": "Heading size",
+				"de": "Größe der Überschrift"
+			},
+			"example": {
+				"en": "2em, 15px",
+				"de": "2em,  15px"
+			},
+			"default": {
+				"en": "1.6em",
+				"de": "1.6em"
+			},
 			"suggested": true
 		},
 		"titlecolor": {
-			"label": "Farbe Überschrift",
+			"label": {
-			"type": "string",
+				"en": "Heading color",
+				"de": "Farbe der Überschrift"
+			},
+			"description": "Color of the heading. ",
+			"example": {
+				"en": "#ffffff",
+				"de": "#ffffff"
+			},
 			"suggested": true
 		},
 		"banner-text": {
-			"label": "Text",
+			"label": {
+				"en": "Text",
+				"de": "Text"
+			},
+			"description": {
+				"en": "1-3 lines of text",
+				"de": "1-3 Zeilen Text"
+			},
 			"type": "content",
 			"suggested": true
 		},
 		"textcolor": {
-			"label": "Textfarbe",
+			"label": {
-			"type": "string",
+				"en": "Text color",
+				"de": "Textfarbe"
+			},
+			"example": {
+				"en": "#000000",
+				"de": "#000000"
+			},
 			"suggested": true
 		},
 		"textsize": {
-			"label": "Textgröße",
+			"label": {
-			"default": "1.3em",
+				"en": "Text size",
+				"de": "Textgröße"
+			},
+			"example": {
+				"en": "12px, 1em",
+				"de": "12px, 1em"
+			},
+			"default": {
+				"en": "1.3em",
+				"de": "1.3em"
+			},
 			"suggested": true
 		}
 	},
-	"description": "Erstellt ein Intro-Banner mit Bild, Titel und Text.",
 	"paramOrder": [
 		"banner-image",
@@ Line 90: / Line 194: @@
 }
 </templatedata>
+</noinclude>