Template
Interface template

Notice

From Dogcraft Wiki

imported>William
No edit summary
m (Added category: Notice templates, Interface templates)
 
(37 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<noinclude><pre>{{Notice
<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}}}|{{{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}}};"><!--
      -->{{#if: {{{title|}}}|'''{{{title|}}}'''|}}{{#if: {{{message|}}}|<b>:</b>|}} {{{message|}}}{{{license|}}}<!--
--></div></div></div><!--
--><div style="clear:{{{clear|left}}};"></div></includeonly><noinclude>
 
==Notice template==
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 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.
 
===Example(s)===
<pre>{{Notice
|title=Title of notice
|title=Title of notice
|message=Message Body
|message=Message Body
|backcolor=
|contentbackcolor=
|bordercolor=
|iconbackcolor=
}}</pre>
|icon=
 
|customiconpadding=
{{Notice
|customcontentpadding=
}}</pre> generates: {{Notice
|title=Title of notice
|title=Title of notice
|message=Message Body
|message=Message Body
|backcolor=
|bordercolor=
}}
}}


</noinclude><includeonly>
==Template data==
<div style="background-color: #cce2ef; border: 1px solid #367FA9; padding:10px">
<templatedata>
{{#if: {{{title|}}}|'''{{{title|}}}'''<br>|}}
{
{{{message|}}}</div>
"params": {
</includeonly>
"iconbackcolor": {
"label": "Icon color",
"description": "Background color of the icon section of the notice",
"type": "string"
},
"class": {
"label": "Class",
"description": "Optional extra CSS classes for the notice",
"type": "string"
},
"image": {
"label": "Image",
"description": "Optional free-form image input in place of the icon, for use in license templates.",
"type": "string"
},
"customiconpadding": {
"label": "Icon padding values",
"description": "Custom padding values for the icon section of the notice",
"example": "10px 10px 10px 10px",
"type": "string"
},
"icon": {
"label": "Icon",
"description": "FontAwesome icon to display on the notice",
"example": "fas fa-edit",
"type": "string",
"autovalue": "fas fa-edit"
},
"contentbackcolor": {
"label": "Content background color",
"description": "Background color of the body of the notice.",
"type": "string"
},
"customcontentpadding": {
"label": "Content padding values",
"description": "Custom padding values for the body of the notice",
"example": "10px 10px 10px 10px",
"type": "string"
},
"title": {
"label": "Title",
"description": "Title of the notice",
"type": "string",
"suggested": true
},
"message": {
"aliases": [
"content"
],
"label": "Message",
"description": "The message body of the notice",
"type": "string",
"required": true
},
"bordercolor": {
"label": "Border color",
"type": "string",
"default": "#d9d6d3"
},
"iconcolor": {
"label": "Icon color",
"type": "string",
"default": "white"
},
"license": {
"label": "License information",
"description": "Machine readable license information (hidden from viewer)",
"type": "string"
},
"clear": {
"label": "clear",
"example": "left, right, both",
"type": "string",
"default": "left"
}
},
"paramOrder": [
"title",
"message",
"icon",
"iconbackcolor",
"contentbackcolor",
"customiconpadding",
"customcontentpadding",
"class",
"image",
"bordercolor",
"iconcolor",
"license",
"clear"
],
"description": "A template for leaving a notice banner on articles."
}
</templatedata> [[Category:Notice templates]] {{Interface template}}
</noinclude>

Latest revision as of 11:03, 4 December 2023


Notice template

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.

Example(s)

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

generates:

Title of notice: Message Body

Template data

A template for leaving a notice banner on articles.

Template parameters

ParameterDescriptionTypeStatus
Titletitle

Title of the notice

Stringsuggested
Messagemessage content

The message body of the notice

Stringrequired
Iconicon

FontAwesome icon to display on the notice

Example
fas fa-edit
Auto value
fas fa-edit
Stringoptional
Icon coloriconbackcolor

Background color of the icon section of the notice

Stringoptional
Content background colorcontentbackcolor

Background color of the body of the notice.

Stringoptional
Icon padding valuescustomiconpadding

Custom padding values for the icon section of the notice

Example
10px 10px 10px 10px
Stringoptional
Content padding valuescustomcontentpadding

Custom padding values for the body of the notice

Example
10px 10px 10px 10px
Stringoptional
Classclass

Optional extra CSS classes for the notice

Stringoptional
Imageimage

Optional free-form image input in place of the icon, for use in license templates.

Stringoptional
Border colorbordercolor

no description

Default
#d9d6d3
Stringoptional
Icon coloriconcolor

no description

Default
white
Stringoptional
License informationlicense

Machine readable license information (hidden from viewer)

Stringoptional
clearclear

no description

Default
left
Example
left, right, both
Stringoptional