Template:Messagebox: Difference between revisions
From Freephile Wiki
New page: <div class="message-box {{#switch:{{{type|}}} | success = message-success | warning = message-warning | failure = message-failure | normal <!-- normal = default --> | #default ... |
No edit summary |
||
| Line 30: | Line 30: | ||
For a more complex (up to 80 parameters) template, see the Infobox template [[Template_talk:Infobox]] | For a more complex (up to 80 parameters) template, see the Infobox template [[Template_talk:Infobox]] | ||
== Examples == | |||
{{Messagebox | |||
|text = no type, uses default (normal) | |||
}} | |||
{{Messagebox | |||
|type = normal | |||
|text = Why be normal? | |||
}} | |||
{{Messagebox | |||
|type = success | |||
|text = You won! | |||
}} | |||
{{Messagebox | |||
|type = warning | |||
|text = Do not spit into the wind | |||
}} | |||
{{Messagebox | |||
|type = failure | |||
|text = You kissed your cousin | |||
}} | |||
== Making this template == | == Making this template == | ||
Revision as of 21:10, 3 January 2009
Usage[edit]
The template takes two named parameters. type is optional
{{Messagebox
|type = success (or warning, failure, normal) can be left blank
|text = your message content
}}
For a more complex (up to 80 parameters) template, see the Infobox template Template_talk:Infobox
Examples[edit]
Making this template[edit]
The parser code (how to do switch statements) is based on the example of the Ambox template from Mediawiki
The following CSS is added to skins/freephile/freephile_template.css to make this template complete
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
.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 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/check.gif);padding-left: 28px;}
.message-failure {font-weight: bold; color: #990000; border:1px solid #DD3C10; background-color:#FFEBE8; background-image: url(images/wrong.gif);padding-left: 28px;}
.message-warning {font-weight: bold;color:#FF6633;border: 1px solid #ff9900; background-color:#fbf8c7; background-image: url(images/warning_sign.gif);padding-left: 28px;}
.message-box .message-normal {font-weight:normal;color: #333;}
