Template:Messagebox - Revision history

Lou Montana: Fix default value

2020-02-10T20:14:39Z

Fix default value

Lou Montana: Add border-radius, box-shadow and margin

2020-02-03T00:14:05Z

Add border-radius, box-shadow and margin

Lou Montana: Template creation

2020-02-03T00:08:21Z

Template creation

New page

<includeonly><div style="background-color: {{{3|#380}}}; color: #FFF; display: flex; align-items: center; margin: 0.5em 0"><div style="min-width: 28px; max-width: 60px; min-height: 28px; max-height: 44px; font-size: 28px; margin: 0 8px; overflow: hidden; text-align: center;">{{{2|i}}}</div><div style="background-color: #FFF; color: #333; flex-grow: 1; height: 100%; margin: 0.25em 0.25em 0.25em 0; padding: 0.5em;">{{{1|-Text not defined-}}}</div></div></includeonly><noinclude>
Displays a standardised message box.

== Usage ==
<nowiki>{{Messagebox|</nowiki>'''''message'''''|'''''icon'''''|'''''colour'''''}}
* message: the message to display
* icon: (Optional, default "i") symbol to the left, a letter (written in white) or an image (format <nowiki>[[File]]</nowiki>)
* colour: (Optional, default #025D00) box HTML colour, can be one of:
** HTML colour name - ''red'', ''darkgrey'', etc.
** HTML colour format - '''#RGB''' or '''#RRGGBB'''
** rgb format - '''rgb(255, 0, 0)'''
** rgba format - '''rgba(255, 0, 0, 0.5)'''
** hsl format - '''hsl(120, 100%, 50%)'''
** hsla format - '''hsla(120, 60%, 70%, 0.3)'''

{|class="wikitable"
|+ Examples
! Code
! Result
|-
| <nowiki>{{Messagebox}}</nowiki>
| {{Messagebox}}
|-
| <nowiki>{{Messagebox|Hello there!}}</nowiki>
| {{Messagebox|Hello there!}}
|-
| <nowiki>{{Messagebox|Hello there!|✔}}</nowiki>
| {{Messagebox|Hello there!|✔}}
|-
| <nowiki>{{Messagebox|Hello there!|✔|orange}}</nowiki>
| {{Messagebox|Hello there!|✔|orange}}
|-
| <nowiki>{{Messagebox|Hello there!|✔|#CDF}}</nowiki>
| {{Messagebox|Hello there!|✔|#CDF}}
|-
| <nowiki>{{Messagebox|Yep|Unreadable!|#EEE}}</nowiki>
| {{Messagebox|Yep|Unreadable!|#EEE}}
|}

[[Category:Templates|{{uc:{{PAGENAME}}}}]]</noinclude>

@@ Line 9: / Line 9: @@
 * message: the message to display
 * icon: (Optional, default "i") symbol to the left, a letter (written in white) or an image (format <nowiki>[[File]]</nowiki>)
-* colour: (Optional, default #025D00) box HTML colour, can be one of:
+* colour: (Optional, default #380) box HTML colour, can be one of:
 ** HTML colour name - ''red'', ''darkgrey'', etc.
 ** HTML colour format - '''#RGB''' or '''#RRGGBB'''

@@ Line 1: / Line 1: @@
-<includeonly><div style="background-color: {{{3|#380}}}; color: #FFF; display: flex; align-items: center; margin: 0.5em 0"><!--
+<includeonly><div style="background-color: {{{3|#380}}}; color: #FFF; border-radius: 0.5em; box-shadow: 0 0 .5em .25em rgba(0,0,0,0.25); display: flex; align-items: center; margin: 1em .5em"><!--
 --><div style="min-width: 28px; max-width: 60px; min-height: 28px; max-height: 44px; font-size: 28px; margin: 0 8px; overflow: hidden; text-align: center;">{{{2|i}}}</div><!--
---><div style="background-color: #FFF; color: #333; flex-grow: 1; height: 100%; margin: 0.25em 0.25em 0.25em 0; padding: 0.5em;">{{{1|-Text not defined-}}}</div><!--
+--><div style="background-color: #FFF; color: #333; border-radius: 0.25em; flex-grow: 1; height: 100%; margin: 0.25em 0.25em 0.25em 0; padding: 0.5em; min-width: 15em">{{{1|-Text not defined-}}}</div><!--
 --></div></includeonly><noinclude>
 Displays a standardised message box.