Difference between revisions of "Template:MsgBox"

From Casio Universal Wiki
Jump to: navigation, search
 
(8 intermediate revisions by 2 users not shown)
Line 14: Line 14:
 
</table></div></includeonly><noinclude>
 
</table></div></includeonly><noinclude>
 
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:
 
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:
{{MsgBox|This page is protected|Because it is used on many pages.}}
+
{{MsgBox|This page is protected|Because it is used on many pages.}}<br/>
  
 
== MsgBox ReadyToUse ==
 
== MsgBox ReadyToUse ==
Line 21: Line 21:
 
== Personalized MsgBox ==
 
== Personalized MsgBox ==
 
=== Minimal call : Title ===
 
=== Minimal call : Title ===
 +
----
 
To make a minimal call to MsgBox, you just need to specify the title:
 
To make a minimal call to MsgBox, you just need to specify the title:
 
<pre>{{MsgBox|title=Hello !}}</pre>
 
<pre>{{MsgBox|title=Hello !}}</pre>
 
'''Result:'''{{MsgBox|title=Hello !}}
 
'''Result:'''{{MsgBox|title=Hello !}}
 +
<br/>
 
=== Text ===
 
=== Text ===
 +
----
 
You can add text under the title:
 
You can add text under the title:
 
<pre>{{MsgBox|title=Hello !|text=World !}}</pre>
 
<pre>{{MsgBox|title=Hello !|text=World !}}</pre>
 
'''Result:'''{{MsgBox|title=Hello !|text=World !}}
 
'''Result:'''{{MsgBox|title=Hello !|text=World !}}
<!--
+
<br/>
|BgColor          = Blue
+
=== Theme ===
|BorderColor      = Red
+
----
|TitleStyle      = color:white;text-decoration:underline;
+
You can change the theme of the MsgBox. To change the theme, add the parameter "theme" as below:
|TextStyle        = color:yellow; font-style:italic;
+
<pre>{{MsgBox|title=Hello !|theme=NameOfTheme}}</pre>
|icon             = Template_MsgBox_Pen.png
+
There are currently 3 themes, replace "NameOfTheme" by one of them:
|theme            = orange
+
{|class="wikitable" style="width:100%;text-align:center;"
|BorderColor     = Red
+
!scope="col"| Name of theme
 
+
!scope="col"| Result
|title           = Hello world
+
|-
}}-->
+
| blue<br/>(default theme)
 +
| {{MsgBox|title=This is blue theme|theme=blue}}
 +
|-
 +
| orange
 +
| {{MsgBox|title=This is orange theme|theme=orange}}
 +
|-
 +
| 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=yellow|BorderColor=#FF00AE}}</pre>
 +
Result:
 +
{{MsgBox|title=Hello !|BgColor=yellow|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 !|text=Yeeah|TitleStyle=color:#00FF44;text-decoration:underline;|TextStyle=border:solid Red 1px;}}</pre>
 +
Result:
 +
{{MsgBox|title=Hello !|text=Yeeah|TitleStyle=color:#00FF44;text-decoration:underline;|TextStyle=border:solid Red 1px;}}
 +
[[fr:Modèle:MsgBox]]
 
</noinclude>
 
</noinclude>

Latest revision as of 23:30, June 12, 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=yellow|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 !|text=Yeeah|TitleStyle=color:#00FF44;text-decoration:underline;|TextStyle=border:solid Red 1px;}}

Result:

Hello !
Yeeah