Template:Banner: Difference between revisions

Latest revision as of 16:29, 31 January 2023

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
Backbground image	`boxbgimg`	no description	Unknown	suggested
Background icon	`boxbgicon`	no description	Unknown	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}}};">
+<includeonly><templatestyles src="Banner/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}}{{!}}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.
@@ Line 41: / Line 41: @@
 				"en": "Content padding (optional)",
 				"de": "Textabstand"
-				},
+			},
 			"description": {
 				"en": "Padding around text. Default is 10px.",
@@ Line 173: / Line 173: @@
 				"en": "1.3em",
 				"de": "1.3em"
+			},
+			"suggested": true
+		},
+		"boxbgimg": {
+			"label": {
+				"en": "Backbground image",
+				"de": "Hintergrundbild"
+			},
+			"suggested": true
+		},
+		"boxbgicon": {
+			"label": {
+				"en": "Background icon",
+				"de": "Hintergrundicon"
 			},
 			"suggested": true
@@ Line 189: / Line 203: @@
 		"contentpadding",
 		"boxpadding",
-		"boxbgcolor"
+		"boxbgcolor",
+		"boxbgimg",
+		"boxbgicon"
 	]
 }
 </templatedata>
 </noinclude>