Jump to content

Module:Notice/doc: Difference between revisions

From Ferret Software Wiki
Gorasuhl (talk | contribs)
added support for background-color
Gorasuhl (talk | contribs)
m format
Line 27: Line 27:
| style="vertical-align:top" |<code>header</code>
| style="vertical-align:top" |<code>header</code>
| style="vertical-align:top" |Named, optional
| style="vertical-align:top" |Named, optional
| colspan="4" |The header text. e.g. <code>notice</code>. Defaults to nothing shown.
| colspan="4" |The header text. e.g. <code>Notice</code>. Defaults to nothing shown.
|-
|-
| style="vertical-align:top" |<code>content</code>
| style="vertical-align:top" |<code>content</code>
Line 42: Line 42:
{{notice|file=Beans.png|header=Under Construction|content=This article is under construction.}}
{{notice|file=Beans.png|header=Under Construction|content=This article is under construction.}}


<code><nowiki>{{notice|file=Beans.png|header=notice with header text only.}}</nowiki></code>
<code><nowiki>{{notice|file=Beans.png|header=Notice with header text only.}}</nowiki></code>
{{notice|file=Beans.png|header=notice with header text only.}}
{{notice|file=Beans.png|header=Notice with header text only.}}


<code><nowiki>{{notice|file=Beans.png|content=Small notice without a header.}}</nowiki></code>
<code><nowiki>{{notice|file=Beans.png|content=Small notice without a header.}}</nowiki></code>
Line 81: Line 81:
{{notice|file=Beans.png|header=Custom color notice|color=slateblue|text-align=center}}
{{notice|file=Beans.png|header=Custom color notice|color=slateblue|text-align=center}}


[[Category:notice templates]]
[[Category:Notice templates]]

Revision as of 21:40, 20 March 2025

Usage

Use this template to create other Notice Templates.

Syntax: {{notice|color=|colorBack=|text-align=|width=|file=|filesize=|header=|content=}}

color Named, optional The color preset for the border. Defined options are green, blue, teal, orange, yellow, red, maroon, pink, and gray. However, if a color is a known CSS color, it can be used. Defaults to green.
colorBack Named, optional The color preset for the background color. Defined options are green, blue, teal, orange, yellow, red, maroon, pink, and gray with 0.2 for alpha channel. However, if a color is a known CSS color, it can be used. Defaults to none.
text-align Named, optional The text-align attribute of the header and content text, e.g. center. Defaults to left.
file Named, optional The file to show on the left-hand section as a filename. e.g. Example.jpg. Defaults to nothing shown.
filesize Named, optional The file's size on the left-hand section. e.g. 30px. Defaults to 48px if a file was specified, otherwise none.
header Named, optional The header text. e.g. Notice. Defaults to nothing shown.
content Named, optional The content text. e.g. Test message. Defaults to nothing shown.
width Named, optional The width attribute of the notice, e.g. 30%. Defaults to unwritten (inherit).

Examples

{{notice|file=Beans.png|header=Under Construction|content=This article is under construction.}}

Under Construction
This article is under construction.

{{notice|file=Beans.png|header=Notice with header text only.}}

Notice with header text only.

{{notice|file=Beans.png|content=Small notice without a header.}}

Small notice without a header.

{{notice|file=Beans.png|header=Green notice|color=green}}

Green notice

{{notice|file=Beans.png|header=Green notice with green background|color=green|colorBack=green}}

Green notice

{{notice|file=Beans.png|header=Blue notice with custom width|width=30%|color=blue}}

Blue notice with custom width

{{notice|file=Beans.png|header=Teal notice|color=teal}}

Teal notice

{{notice|file=Beans.png|header=Orange notice|color=orange}}

Orange notice

{{notice|file=Beans.png|header=Yellow notice|color=yellow}}

Yellow notice

{{notice|file=Beans.png|header=Red notice|color=red}}

Red notice

{{notice|file=Beans.png|header=Maroon notice|color=maroon}}

Maroon notice

{{notice|file=Beans.png|header=Pink notice|color=pink}}

Pink notice

{{notice|file=Beans.png|header=Gray notice|color=gray}}

Gray notice

{{notice|file=Beans.png|header=Custom color notice|color=slateblue|text-align=center}}

Custom color notice