Template:Messagebox: Difference between revisions
adds better documentation |
changes background images |
||
| Line 20: | Line 20: | ||
<noinclude> | <noinclude> | ||
== Usage == | == Usage == | ||
The template takes three named parameters that can be given in any order. | The template takes three named parameters that can be given in any order. | ||
; text : (required) is the message | ; text : (required) is the message | ||
; type : (optional) determines the presentation using pre-defined styling. One of | ; type : (optional) determines the presentation using pre-defined styling. One of | ||
:* success | :* success | ||
:* warning | :* warning | ||
:* failure | :* failure | ||
:* normal (default) | :* normal (default) | ||
; style : (optional) is CSS that will be passed through. | ; style : (optional) is CSS that will be passed through. | ||
== Literal Example == | == Literal Example == | ||
<pre> | <pre> | ||
{{Messagebox | {{Messagebox | ||
| type = success | | type = success | ||
| style = width:50%; | | style = width:50%; | ||
| text = your message content | | text = your message content | ||
| Line 68: | Line 68: | ||
== Making this template == | == Making this template == | ||
To generate the resized images from svg | |||
[[Image:Dialog-error.svg|32px]] | |||
[[Image:Dialog-warning.svg|32px]] | |||
[[Image:Dialog-ok-apply.svg?|32px]] | |||
[[Image:Dialog-information.svg|32px]] | |||
The parser code (how to do switch statements) is based on the example of the Ambox template from Mediawiki | The parser code (how to do switch statements) is based on the example of the Ambox template from Mediawiki | ||
| Line 74: | Line 80: | ||
The background images for the CSS are put into the images subfolder to make it easier to distinguish what is based on monobook, and what is extra | The background images for the CSS are put into the images subfolder to make it easier to distinguish what is based on monobook, and what is extra | ||
<source lang="css"> | <source lang="css"> | ||
.message-box {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color:#EBFFEA; border:1px solid #0BD200; color:#333333; padding:8px; margin:10px;background-repeat: no-repeat;background-position: 6px 6px;} | .message-box { | ||
.message-box a:link, .message-box a:active, .message-box a:visited {color:#990000;text-decoration:none;border-bottom:1px solid #cccccc;} | font-family: Verdana, Arial, Helvetica, sans-serif; | ||
.message-box a:hover {color:#990000;text-decoration:none;border-bottom:1px solid #990000;} | font-size: 11px; | ||
.message-success {font-weight: bold;border:1px solid #8FD500; background-color:#F2FFD7; background-image: url(images/ | background-color:#EBFFEA; | ||
.message-failure {font-weight: bold; color: #990000; border:1px solid #DD3C10; background-color:#FFEBE8; background-image: url(images/ | border:1px solid #0BD200; | ||
.message-warning {font-weight: bold;color:#FF6633;border: 1px solid #ff9900; background-color:#fbf8c7; background-image: url(images/ | color:#333333; | ||
.message-box .message-normal {font-weight:normal;color: #333;} | padding:8px; | ||
margin:10px; | |||
background-repeat: no-repeat; | |||
background-position: 6px 6px; | |||
} | |||
.message-box a:link, .message-box a:active, .message-box a:visited { | |||
color:#990000; | |||
text-decoration:none; | |||
border-bottom:1px solid #cccccc; | |||
} | |||
.message-box a:hover { | |||
color:#990000; | |||
text-decoration:none; | |||
border-bottom:1px solid #990000; | |||
} | |||
.message-success { | |||
font-weight: bold; | |||
border:1px solid #8FD500; | |||
background-color:#F2FFD7; | |||
background-image: url(images/32px-Dialog-ok-apply.svg.png); | |||
padding-left: 32px; | |||
} | |||
.message-failure { | |||
font-weight: bold; | |||
color: #990000; | |||
border:1px solid #DD3C10; | |||
background-color:#FFEBE8; | |||
background-image: url(images/32px-Dialog-error.svg.png); | |||
padding-left: 32px; | |||
} | |||
.message-warning { | |||
font-weight: bold; | |||
color:#FF6633; | |||
border: 1px solid #ff9900; | |||
background-color:#fbf8c7; | |||
background-image: url(images/32px-Dialog-warning.svg.png); | |||
padding-left: 32px; | |||
} | |||
.message-box .message-normal { | |||
font-weight:normal; | |||
color: #333; | |||
background-image: url(images/32px-Dialog-information.svg.png); | |||
padding-left: 32px; | |||
} | |||
</source> | </source> | ||
</noinclude> | </noinclude> | ||
[[Category:Templates using ParserFunctions]] | [[Category:Templates using ParserFunctions]] | ||