Messagebox – Template
Jump to navigation
Jump to search
Lou Montana (talk | contribs) m (Fix (useless?) vertical negative offset (that didn't work. to make it work: -2px 8px 0)) |
Lou Montana (talk | contribs) m (Fix max-height and text margin) |
||
Line 1: | Line 1: | ||
<includeonly><div style="background-color: {{{3|#025D00}}}; color: #FFF; display: flex; align-items: center; margin: 0.5em 0"><!-- | <includeonly><div style="background-color: {{{3|#025D00}}}; color: #FFF; display: flex; align-items: center; margin: 0.5em 0"><!-- | ||
--><div style="min-width: 28px; max-width: 60px; min-height: 28px; max-height: | --><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; padding: 0.5em;">{{{1|-Text not defined-}}}</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. | --></div></includeonly><noinclude>Displays a standardised message box. | ||
Line 55: | Line 55: | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
<div style="background-color: {{{3|#025D00}}}; color: #FFF; display: flex; align-items: center; margin: 0.5em 0"><!-- | <div style="background-color: {{{3|#025D00}}}; color: #FFF; display: flex; align-items: center; margin: 0.5em 0"><!-- | ||
--><div style="min-width: 28px; max-width: 60px; min-height: 28px; max-height: | --><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; padding: 0.5em;">{{{1|-Text not defined-}}}</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> | --></div> | ||
</syntaxhighlight> | </syntaxhighlight> |
Revision as of 13:49, 18 September 2019
Displays a standardised message box.
Usage
{{Messagebox|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 [[File]])
- 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)
Code | Result |
---|---|
{{Messagebox}} | -Text not defined- |
{{Messagebox|Hello there!}} | Hello there! |
{{Messagebox|Hello there!|✔}} | Hello there! |
{{Messagebox|Hello there!|✔|orange}} | Hello there! |
{{Messagebox|Hello there!|✔|#CDF}} | Hello there! |
{{Messagebox|Yep|Unreadable!|#EEE}} | Yep |
{{Messagebox|Arma 3 logo|[[File:Arma 3_logo_black.png|300px|center]]|#333}} | Arma 3 logo |
{{Messagebox|[[File:Arma 3_logo_black.png|300px|center]]|Arma 3 logo|#333}} | |
{{Messagebox|{{ofp}}<br>{{arma}}<br>{{arma2}}<br>{{arma3}}|A|#333}} | Operation Flashpoint Arma Arma 2 Arma 3 |
{{Messagebox|{{arma3}}|a<br>b<br>c<br>d|#333}} | Arma 3 |
Source
<div style="background-color: {{{3|#025D00}}}; 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>