Quelltext der Seite Vorlage:Bannerbox

<includeonly><templatestyles src="Bannerbox/styles.css" /><div class="bannerbox {{{boxbgicon|}}}" style="align-items:start;{{#ifeq:{{{imagealign|}}}|right|flex-direction:row-reverse;|flex-dirction:row;}}{{#if:{{{boxbgcolor|}}}|background:{{{boxbgcolor}}};|}}{{#if:{{{boxpadding|}}}|padding:{{{boxpadding|0px}}};}}">
{{#if:{{{banner-image|}}}|<div class="banner-image">[[File:{{{banner-image}}}{{!}}{{#if:{{{image-width|}}}|{{{image-width}}}x{{{image-width}}}px|200x200px}}|alt={{{banner-image-alt|banner image}}}|{{!}}link=]]</div>|}}<div class="banner-content" style="padding:{{#if:{{{contentpadding|}}}|{{{contentpadding}}}"|10px}}>{{#if:{{{banner-title|}}}|{{#ifeq:{{{title-h1|1}}}|1|<h1 class="bannerhd" style="margin-top:0; {{#if:{{{titlesize|}}}|font-size:{{{titlesize}}};|font-size:1.6rem;}}{{#if:{{{titlecolor|}}}|color:{{{titlecolor}}};|}}">{{{banner-title}}}</h1>|<div class="banner-title"><div class="bannerhd" style="margin-top:0; {{#if:{{{titlesize|}}}|font-size:{{{titlesize}}};|font-size:1.6rem;}}{{#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>
<templatedata>
{
	"params": {
		"boxbgcolor": {
			"label": {
				"en": "Background color (optional)",
				"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)"
			},
			"type": "string",
			"suggested": true,
			"default": {
				"en": "#efefef",
				"de": "#efefef"
			}
		},
		"boxpadding": {
			"label": {
				"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,
			"autovalue": ""
		},
		"contentpadding": {
			"label": {
				"en": "Content padding (optional)",
				"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": {
			"description": {
				"en": "Image name, without the File: prefix, but with namespace prefix (if it exists)",
				"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": {
				"en": "Image width",
				"de": "Bildbreite"
			},
			"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": {
				"en": "Image alignment",
				"de": "Bildposition"
			},
			"example": {
				"en": "left, right",
				"de": "left, right"
			},
			"default": {
				"en": "left",
				"de": "left"
			},
			"suggested": true,
			"description": {
				"en": "Links oder rechts in der Box",
				"de": "Left or right in the box"
			}
		},
		"banner-title": {
			"type": "string",
			"suggested": true,
			"label": {
				"en": "Heading",
				"de": "Überschrift"
			},
			"description": "Box heading"
		},
		"titlesize": {
			"label": {
				"en": "Heading size",
				"de": "Größe der Überschrift"
			},
			"example": {
				"en": "2em, 2rem, 15px",
				"de": "2em, 2rem, 15px"
			},
			"default": {
				"en": "1.6rem",
				"de": "1.6rem"
			},
			"suggested": true
		},
		"titlecolor": {
			"label": {
				"en": "Heading color",
				"de": "Farbe der Überschrift"
			},
			"description": "Color of the heading. ",
			"example": {
				"en": "#ffffff",
				"de": "#ffffff"
			},
			"suggested": true
		},
		"banner-text": {
			"label": {
				"en": "Text",
				"de": "Text"
			},
			"description": {
				"en": "1-3 lines of text",
				"de": "1-3 Zeilen Text"
			},
			"type": "content",
			"suggested": true
		},
		"textcolor": {
			"label": {
				"en": "Text color",
				"de": "Textfarbe"
			},
			"example": {
				"en": "#000000",
				"de": "#000000"
			},
			"suggested": true
		},
		"textsize": {
			"label": {
				"en": "Text size",
				"de": "Textgröße"
			},
			"example": {
				"en": "12px, 1em",
				"de": "12px, 1em"
			},
			"default": {
				"en": "1.3rem",
				"de": "1.3rem"
			},
			"suggested": true
		},
		"boxbgicon": {
			"label": {
				"en": "Background icon",
				"de": "Hintergrundicon"
			},
			"suggested": true,
			"example": "bgicon1, bgicon2, bgicon3, swoosh"
		},
		"banner-image-alt": {
			"label": {
				"en": "Alternative image description (for accessibility)",
				"de": "Bild-Alternativtext (barrierefrei)"
			},
			"suggested": true
		},
		"title-h1": {
			"label": {
				"en": "Mark title as h1 page heading",
				"de": "Als  h1-Überschrift markieren (bei verstecktem Titelbereich)"
			},
			"description": {
				"en": "Mark this as h1, if your page hides the title area",
				"de": "1=h1"
			},
			"type": "boolean",
			"default": {
				"en": "1",
				"de": "1"
			},
			"suggested": true,
			"example": "1=h1"
		}
	},
	"paramOrder": [
		"banner-image",
		"banner-image-alt",
		"image-width",
		"imagealign",
		"banner-title",
		"title-h1",
		"titlesize",
		"titlecolor",
		"banner-text",
		"textsize",
		"textcolor",
		"contentpadding",
		"boxpadding",
		"boxbgcolor",
		"boxbgicon"
	],
	"description": {
		"en": "This template creates an intro banner on a page. The banner should contain a title, 2-3 lines of text, and optionally, an image.",
		"de": "Diese Vorlage erstellt ein Intro-Banner auf einer Seite. Das Banner sollte einen Titel, 2-3 Zeilen Text und optional ein Bild enthalten."
	}
}
</templatedata>
</noinclude>