Notice

Revision as of 01:33, 29 July 2022

This is a template for creating a general notice banner on pages. Useful for communicating some extra information the reader should be aware of.

Use https://fontawesome.com/v6/icons for picking icons, or set an image as one.

See Category:Notice templates for other templates based on this one.

{{Notice
|title=Title of notice
|message=Message Body
|contentbackcolor=
|iconbackcolor=
|icon=
|customiconpadding=
|customcontentpadding=
}}

generates:

Title of notice: Message Body

A template for leaving a notice banner on articles.

Template parameters
Parameter		Description	Type	Status
Title	`title`	Title of the notice	String	suggested
Message	`message` `content`	The message body of the notice	String	required
Icon	`icon`	FontAwesome icon to display on the notice Example fas fa-edit Auto value `fas fa-edit`	String	optional
Icon color	`iconbackcolor`	Background color of the icon section of the notice	String	optional
Content background color	`contentbackcolor`	Background color of the body of the notice.	String	optional
Icon padding values	`customiconpadding`	Custom padding values for the icon section of the notice Example 10px 10px 10px 10px	String	optional
Content padding values	`customcontentpadding`	Custom padding values for the body of the notice Example 10px 10px 10px 10px	String	optional
Class	`class`	Optional extra CSS classes for the notice	String	optional
Image	`image`	Optional free-form image input in place of the icon, for use in license templates.	String	optional
Border color	`bordercolor`	no description Default #d9d6d3	String	optional
Icon color	`iconcolor`	no description Default white	String	optional
License information	`license`	Machine readable license information (hidden from viewer)	String	optional
clear	`clear`	no description Default left Example left, right, both	String	optional

@@ Line 1: / Line 1: @@
 <includeonly><div style="display:flex; margin:10px; float:left; border:1px solid {{{bordercolor|#d9d6d3}}}" class="notice phonefullscreen noexcerpt {{{class|}}}"><!--
 --><div style="display:flex; flex-direction:column; justify-content:center; padding:{{{customiconpadding|12px}}}; background-color:{{{iconbackcolor|#8b0024}}};"><!--
-       --->{{#if:{{{image|}}}|{{{image}}}|{{fa|{{{icon|edit}}}|color={{{iconcolor|white}}}|style=font-size:160%;}} }}<!--
+       --->{{#if:{{{image|}}}|{{{image}}}|{{fa|{{{icon|edit}}}|{{{iconstyle|solid}}}|color={{{iconcolor|white}}}|style=font-size:160%;}} }}<!--
 --></div><!--
 --><div style="flex-grow:1; background-color:{{{contentbackcolor|#E9EDEF}}}; display:flex; flex-direction:column; justify-content:center;"><div style="padding:{{{customcontentpadding|12px 14px}}};"><!--