Template:Msgbox: Difference between revisions

Revision as of 10:24, 18 December 2011

Basic usage

{{msgbox
| title = This is a normal message box
| text = With helpful and descriptive subtext
}}

Will result in:

Mini usage

{{msgbox
| mini = 1
| icon = 8
| text = This is a mini message box with an information icon using [[Template:CommentSprite]]
}}

Will result in:

Advanced usage

{{msgbox
| bgcol = #eef
| linecol = #ddf
| title = This is a blue message box
| text = It has a discuss link and some custom CSS
| discuss = 1
| css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888;
}}

Will result in:

{{msgbox
| bgcol = #eef
| linecol = #ddf
| title = This is a blue message box
| text = It has a discuss link, some custom CSS and a custom image
| discuss = 1
| image = Bot.png
| css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888;
}}

Will result in:

A custom image size can also be specified with "imagewidth", for example: imagewidth = 50px

Advanced Mini usage

{{msgbox
| mini = 1
| image = Bot.png
| bgcol = #eef
| linecol = #ddf
| css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888;
| text = This is a mini message box, it is using similar settings as the box used in the advanced example above.
}}

Will result in:

This can also have a custom image size.

@@ Line 1: / Line 1: @@
-<includeonly>{| class="msgbox" style="background-color: {{{bgcol|#800080}}}; border: 2px solid {{{linecol|#616161}}}; {{#if: {{{width|}}} | max-width: {{{width}}}; }}<!--
+<includeonly>{| style="background-color: transparent; border: 2px solid #800080; {{#if: {{{width|}}} | max-width: {{{width}}}; }}
--->{{#if: {{{mini|}}} | padding: 0px 6px 0px 1px; margin: 0 0 1em; | padding: 3px 12px 3px 7px; margin: 0 auto 1em; text-align:center; }} {{{css|}}}"
-|-
-| style="vertical-align: middle; border: none" | {{#if: {{{icon|}}} | <div style="margin: 0 {{#if: {{{mini|}}} | 2 | 4 }}px 0 3px"> }}{{#if: {{{image|}}} | <div style="margin: 0 {{#if: {{{mini|}}} | 2 | 4 }}px 0 3px"> }}<!--
--->{{#if: {{{icon|}}} | {{CommentSprite | {{{icon|}}} }} </div> }}{{#if: {{{image|}}} | [[File:{{{image}}}|{{#if: {{{imagesize|}}} | {{{imagesize}}} | {{#if: {{{mini|}}} | 16px | 32px }} }}|text-top]] </div> }}
-| style="border: none" | {{#if: {{{title|}}} | '''{{{title}}}''' {{#if: {{{discuss|}}} | <sup>[[{{TALKPAGENAME}}|Discuss]]</sup> }} }}<!--
--->{{#if: {{{text|}}} | {{#if: {{{title|}}} | <div>{{{text}}}</div> | {{{text}}} }} }}
 |}{{#ifeq: {{NAMESPACE}} | Template | [[Category:Notice templates|{{BASEPAGENAME}}]] }}</includeonly><noinclude>
 === Basic usage ===
-<pre style="width: 280px;">
+<pre style="width: 90%;">
 {{msgbox
 | title = This is a normal message box
@@ Line 20: / Line 14: @@
 === Mini usage ===
-<pre style="width: 560px;">
+<pre style="width: 90%;">
 {{msgbox
 | mini = 1
@@ Line 32: / Line 26: @@
 === Advanced usage ===
-<pre style="width: 485px;">
+<pre style="width: 90%;">
 {{msgbox
 | bgcol = #eef
@@ Line 46: / Line 40: @@
 {{msgbox| bgcol = #eef | linecol = #ddf | title = This is a blue message box | text = It has a discuss link and some custom CSS | discuss = 1  = 340px | css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888;}}
-<pre style="width: 485px;">
+<pre style="width: 90%;">
 {{msgbox
 | bgcol = #eef
@@ Line 64: / Line 58: @@
 === Advanced Mini usage ===
-<pre style="width: 680px;">{{msgbox
+<pre style="width: 90%;">{{msgbox
 | mini = 1
 | image = Bot.png