Difference between revisions of "Template:MsgBox"

From Casio Universal Wiki
Jump to: navigation, search
Line 35: Line 35:
 
----
 
----
 
You can change the theme of the MsgBox. To change the theme, add the parameter "theme" as below:
 
You can change the theme of the MsgBox. To change the theme, add the parameter "theme" as below:
<pre>{{MsgBox
+
<pre>{{MsgBox|title=Hello !|theme=NameOfTheme}}</pre>
|title=Hello !
+
There are currently 3 themes, replace "NameOfTheme" by one of them:
|text=World !
 
|theme=NameOfTheme}}</pre>
 
There are currently 3 themes, replace nameOfTheme by one of them:
 
 
  {|class="wikitable" style="width:100%;text-align:center;"
 
  {|class="wikitable" style="width:100%;text-align:center;"
 
  !scope="col"| Name of theme
 
  !scope="col"| Name of theme
Line 53: Line 50:
 
  | {{MsgBox|title=This is red theme|theme=red}}
 
  | {{MsgBox|title=This is red theme|theme=red}}
 
  |}
 
  |}
 +
=== Icon ===
 +
----
 +
You can change the icon in any image imported into the wiki, the recomended size is 35x35px.To change the icon, add the parameter "icon" as below:
 +
<pre>{{MsgBox|title=Hello !|icon=nameOfIcon}}</pre>
 +
Here is the list of recommended icon:
 +
{|class="wikitable"
 +
!scope="col"| Name of icon
 +
!scope="col"| Icon
 +
|-
 +
| Template_MsgBox_blueInfo.png
 +
| [[file:Template_MsgBox_blueInfo.png]]
 +
|-
 +
| Template_MsgBox_orangeWarning.png
 +
| [[file:Template_MsgBox_orangeWarning.png]]
 +
|-
 +
| Template_MsgBox_redSerious.png
 +
| [[file:Template_MsgBox_redSerious.png]]
 +
|-
 +
| Template_MsgBox_Pen.png
 +
| [[file:Template_MsgBox_Pen.png]]
 +
|}
 +
=== Colors of background and border ===
 +
----
 +
You can change the color of the border and background by adding the parameters "BorderColor" and "BgColor". You can use color names like "red" or "blue", or the hex value that you can recover on this [http://www.colorpicker.com/ site] on the top: "#?????". Remember to write the # for this to work.
 +
Example:
 +
<pre>{{MsgBox|title=Hello !|BgColor=#00FF44|BorderColor=#FF00AE}}</pre>
 +
Result:
 +
{{MsgBox|title=Hello !|BgColor=#00FF44|BorderColor=#FF00AE}}
 +
=== Style of title and text ===
 +
You can change the style of the title and text. To this add the parameters "TitleStyle" and "TextStyle". Complete them with CSS.
 +
Example:
 +
<pre>{{MsgBox|title=Hello !|BgColor=#00FF44|BorderColor=#FF00AE}}</pre>
 +
Result:
 +
{{MsgBox|title=Hello !|text=Yeeah|TitleStyle=color:#00FF44;text-decoration:underline;|TextStyle=border:solid Yellow 1px;}}
 +
----
 
<!--
 
<!--
 
|BgColor          = Blue
 
|BgColor          = Blue
Line 60: Line 92:
 
|icon            = Template_MsgBox_Pen.png
 
|icon            = Template_MsgBox_Pen.png
 
|theme            = orange
 
|theme            = orange
|BorderColor      = Red
 
  
 
|title            = Hello world
 
|title            = Hello world
 
}}-->
 
}}-->
 
</noinclude>
 
</noinclude>

Revision as of 22:44, May 23, 2012

The MsgBox allow you to write a message on a page so that other users are aware of information was about this page. As this message:

This page is protected
Because it is used on many pages.

MsgBox ReadyToUse

This type of MsgBox are ready to be used. There just needs to write their names so that they appear. Prefer this type of MsgBox rather than personalized : list of MsgBox ReadyToUse.

Personalized MsgBox

Minimal call : Title


To make a minimal call to MsgBox, you just need to specify the title:

{{MsgBox|title=Hello !}}

Result:

Hello !


Text


You can add text under the title:

{{MsgBox|title=Hello !|text=World !}}

Result:

Hello !
World !


Theme


You can change the theme of the MsgBox. To change the theme, add the parameter "theme" as below:

{{MsgBox|title=Hello !|theme=NameOfTheme}}

There are currently 3 themes, replace "NameOfTheme" by one of them:

Name of theme Result
blue
(default theme)
This is blue theme
orange
This is orange theme
red
This is red theme

Icon


You can change the icon in any image imported into the wiki, the recomended size is 35x35px.To change the icon, add the parameter "icon" as below:

{{MsgBox|title=Hello !|icon=nameOfIcon}}

Here is the list of recommended icon:

Name of icon Icon
Template_MsgBox_blueInfo.png Template MsgBox blueInfo.png
Template_MsgBox_orangeWarning.png Template MsgBox orangeWarning.png
Template_MsgBox_redSerious.png Template MsgBox redSerious.png
Template_MsgBox_Pen.png Template MsgBox Pen.png

Colors of background and border


You can change the color of the border and background by adding the parameters "BorderColor" and "BgColor". You can use color names like "red" or "blue", or the hex value that you can recover on this site on the top: "#?????". Remember to write the # for this to work. Example:

{{MsgBox|title=Hello !|BgColor=#00FF44|BorderColor=#FF00AE}}

Result:

Hello !

Style of title and text

You can change the style of the title and text. To this add the parameters "TitleStyle" and "TextStyle". Complete them with CSS. Example:

{{MsgBox|title=Hello !|BgColor=#00FF44|BorderColor=#FF00AE}}

Result:

Hello !
Yeeah