Open main menu

Template:Messagebox

Revision as of 20:05, 3 January 2009 by Freephile (talk | contribs) (New page: <div class="message-box {{#switch:{{{type|}}} | success = message-success | warning = message-warning | failure = message-failure | normal <!-- normal = default --> | #default ...)

(diff) ← Older revision | Approved revision (diff) | Latest revision (diff) | Newer revision → (diff)

{{{text}}}


Usage

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

Making this template

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;}