Modèle:MsgBox : Différence entre versions

De Casio Universal Wiki
Aller à : navigation, rechercher
(→‎Personalized MsgBox)
 
(13 révisions intermédiaires par 3 utilisateurs non affichées)
Ligne 13 : Ligne 13 :
 
</tr>
 
</tr>
 
</table></div></includeonly><noinclude>
 
</table></div></includeonly><noinclude>
−
La MsgBox vous permet d'écrire un message sur une page pour informer les utilisateurs.
+
La MsgBox vous permet d'afficher un message à l'intérieur d'une page pour informer les utilisateurs.
 
Comme ce message:
 
Comme ce message:
−
{{MsgBox|Cette page est protégée|Car elle est utilisée sur beaucoup de pages.}}<br/>
+
{{MsgBox|Ceci est une MsgBox|Elle informe les utilisateurs.}}<br/>
  
 
== MsgBox Prêt à l'emploi ==
 
== MsgBox Prêt à l'emploi ==
−
Ce type de MsgBox est près a être utilisé. Vous avez juste besoin d'écrire leurs nom pour qu'ils apparessent.
 
−
Veuillez de préférence utiliser ce type de MsgBox plutôt que les Personallisés: [[:Category:MsgBox_ReadyToUse|Liste des MsgBox ReadyToUse]].
 
  
−
== MsgBox personalisée ==
+
Ces MsgBox sont des modèles définis. Vous pouvez les utilisez en insérant leur nom dans l'article. Elles sont à utiliser de préférence par rapport aux personnalisées.
−
=== Minimal call : Title ===
+
 
−
----
+
== MsgBox personnalisée ==
−
To make a minimal call to MsgBox, you just need to specify the title:
+
 
−
<pre>{{MsgBox|title=Hello !}}</pre>
+
=== Titre ===
−
'''Result:'''{{MsgBox|title=Hello !}}
+
 
−
<br/>
+
Le titre est le seul paramètre obligatoire des MsgBox.
−
=== Text ===
+
<pre>{{MsgBox |title=Salut !}}</pre>
−
----
+
{{MsgBox |title=Salut !}}
−
You can add text under the title:
+
<br />
 +
 
 +
=== Texte ===
 +
 
 +
Vous pouvez bien sûr ajouter du texte sous le titre.
 
<pre>{{MsgBox|title=Hello !|text=World !}}</pre>
 
<pre>{{MsgBox|title=Hello !|text=World !}}</pre>
−
'''Result:'''{{MsgBox|title=Hello !|text=World !}}
+
{{MsgBox|title=Hello !|text=World !}}
 
<br/>
 
<br/>
−
=== Theme ===
+
 
−
----
+
=== Thème ===
−
You can change the theme of the MsgBox. To change the theme, add the parameter "theme" as below:
+
 
−
<pre>{{MsgBox|title=Hello !|theme=NameOfTheme}}</pre>
+
Vous pouvez également changer le "thème" de la MsgBox.
−
There are currently 3 themes, replace "NameOfTheme" by one of them:
+
<pre>{{MsgBox|title=Hello !|theme=NomDuTheme}}</pre>
−
  {|class="wikitable" style="width:100%;text-align:center;"
+
Il y a actuellement 3 thèmes, remplacez "NomDuTheme" par l'un d'entre eux:
−
  !scope="col"| Name of theme
+
  {|class="wikitable" style="width: 600px; text-align:center;"
−
  !scope="col"| Result
+
  !scope="col"| Nom du thème
 +
  !scope="col"| Resultat
 
  |-
 
  |-
−
  | blue<br/>(default theme)
+
  | bleu
−
  | {{MsgBox|title=This is blue theme|theme=blue}}
+
  | {{MsgBox|title=Les thèmes des MsgBox|text=Thème bleu|theme=bleu}}
 
  |-
 
  |-
 
  | orange
 
  | orange
−
  | {{MsgBox|title=This is orange theme|theme=orange}}
+
  | {{MsgBox|title=Les thèmes des MsgBox|text=Thème orange|theme=orange}}
 
  |-
 
  |-
−
  | red
+
  | rouge
−
  | {{MsgBox|title=This is red theme|theme=red}}
+
  | {{MsgBox|title=Les thèmes des MsgBox|text=Thème rouge|theme=rouge}}
 
  |}
 
  |}
−
=== Icon ===
+
Le thème bleu est utilisé par défaut.
−
----
+
<br /><br />
−
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>
+
=== Icône ===
−
Here is the list of recommended icon:
+
 
−
{|class="wikitable"
+
Vous pouvez utiliser comme icône n'importe quelle image importée sur le wiki. La taille recommandée est de 45*35 pixels. Pour changer l’icône de votre MsgBox, ajoutez-y le paramètre "icon".
−
  !scope="col"| Name of icon
+
<pre>{{MsgBox|title=Hello !|icon=NomDeIcone}}</pre>
−
  !scope="col"| Icon
+
Voici la liste des icônes recommandées.
 +
{|class="wikitable" style="text-align: center;"
 +
  !scope="col"| Nom de l'icône
 +
  !scope="col"| Icone
 
  |-
 
  |-
−
  | Template_MsgBox_blueInfo.png
+
  | Template_MsgBox_bleuInfo.png
−
  | [[file:Template_MsgBox_blueInfo.png]]
+
  | [[file:Template_MsgBox_bleuInfo.png]]
 
  |-
 
  |-
−
  | Template_MsgBox_orangeWarning.png  
+
  | Template_MsgBox_orangeAttention.png  
−
  | [[file:Template_MsgBox_orangeWarning.png]]
+
  | [[file:Template_MsgBox_orangeAttention.png]]
 
  |-
 
  |-
−
  | Template_MsgBox_redSerious.png
+
  | Template_MsgBox_rougeSerieux.png
−
  | [[file:Template_MsgBox_redSerious.png]]
+
  | [[file:Template_MsgBox_rougeSerieux.png]]
 
  |-
 
  |-
−
  | Template_MsgBox_Pen.png
+
  | Template_MsgBox_stylo.png
−
  | [[file:Template_MsgBox_Pen.png]]
+
  | [[file:Template_MsgBox_stylo.png]]
 
  |}
 
  |}
−
=== Colors of background and border ===
+
<br />
−
----
+
 
−
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.
+
=== Couleur de fond et bordure ===
−
Example:
+
 
−
<pre>{{MsgBox|title=Hello !|BgColor=#00FF44|BorderColor=#FF00AE}}</pre>
+
Vous pouvez changer la couleur de la bordure et/ou du fond en ajoutant les paramètres "BorderColor" et/ou "BgColor".<br />
−
Result:
+
Les couleurs peuvent être déginées par leur nom en anglais comme "red" ou "blue" (pour les couleurs classiques), ou par sa valeur hexadécimale (utilisez par exemple [http://www.colorpicker.com/ ce site] pour connaître cette valeur). N'oubliez pas dans ce cas de mettre un dièse ( # ) devant la valeur.
−
{{MsgBox|title=Hello !|BgColor=#00FF44|BorderColor=#FF00AE}}
+
<pre>{{MsgBox|title=Hello !|BgColor=white|BorderColor=#484CC7}}</pre>
−
=== Style of title and text ===
+
{{MsgBox|title=Hello !|BgColor=white|BorderColor=#484CC7}}
−
----
+
<br />
−
You can change the style of the title and text. To this add the parameters "TitleStyle" and "TextStyle". Complete them with CSS.
+
 
−
Example:
+
=== Style du titre et du texte ===
−
<pre>{{MsgBox|title=Hello !|text=Yeeah|TitleStyle=color:#00FF44;text-decoration:underline;|TextStyle=border:solid Red 1px;}}</pre>
+
 
−
Result:
+
Enfin, vous pouvez modifier le style du titre et du texte. Pour ce faire, ajoutez les paramètres "TitleStyle" et "TextStyle" à votre MsgBox. En argument, utilisez du code CSS.
−
{{MsgBox|title=Hello !|text=Yeeah|TitleStyle=color:#00FF44;text-decoration:underline;|TextStyle=border:solid Red 1px;}}
+
<pre>{{MsgBox|title=Hello !|text=World !|TitleStyle=color: #00BB44; text-decoration: underline;|TextStyle=border: 1px solid red;}}</pre>
 +
{{MsgBox|title=Hello !|text=World !|TitleStyle=color: #00BB44; text-decoration: underline;|TextStyle=border: 1px solid red;}}
 +
[[en:template:MsgBox]]
 
</noinclude>
 
</noinclude>

Version actuelle datée du 8 août 2014 à 20:03

La MsgBox vous permet d'afficher un message à l'intérieur d'une page pour informer les utilisateurs. Comme ce message:

Ceci est une MsgBox
Elle informe les utilisateurs.

MsgBox Prêt à l'emploi

Ces MsgBox sont des modèles définis. Vous pouvez les utilisez en insérant leur nom dans l'article. Elles sont à utiliser de préférence par rapport aux personnalisées.

MsgBox personnalisée

Titre

Le titre est le seul paramètre obligatoire des MsgBox. 

{{MsgBox |title=Salut !}}
Salut !


Texte

Vous pouvez bien sûr ajouter du texte sous le titre. 

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


Thème

Vous pouvez également changer le "thème" de la MsgBox. 

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

Il y a actuellement 3 thèmes, remplacez "NomDuTheme" par l'un d'entre eux:

Nom du thème Resultat
bleu
Les thèmes des MsgBox
Thème bleu
orange
Les thèmes des MsgBox
Thème orange
rouge
Les thèmes des MsgBox
Thème rouge

Le thème bleu est utilisé par défaut.

Icône

Vous pouvez utiliser comme icône n'importe quelle image importée sur le wiki. La taille recommandée est de 45*35 pixels. Pour changer l’icône de votre MsgBox, ajoutez-y le paramètre "icon". 

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

Voici la liste des icônes recommandées.

Nom de l'icône Icone
Template_MsgBox_bleuInfo.png Template MsgBox bleuInfo.png
Template_MsgBox_orangeAttention.png Template MsgBox orangeAttention.png
Template_MsgBox_rougeSerieux.png Template MsgBox rougeSerieux.png
Template_MsgBox_stylo.png Template MsgBox stylo.png


Couleur de fond et bordure

Vous pouvez changer la couleur de la bordure et/ou du fond en ajoutant les paramètres "BorderColor" et/ou "BgColor".
Les couleurs peuvent être déginées par leur nom en anglais comme "red" ou "blue" (pour les couleurs classiques), ou par sa valeur hexadécimale (utilisez par exemple ce site pour connaître cette valeur). N'oubliez pas dans ce cas de mettre un dièse ( # ) devant la valeur. 

{{MsgBox|title=Hello !|BgColor=white|BorderColor=#484CC7}}
Hello !


Style du titre et du texte

Enfin, vous pouvez modifier le style du titre et du texte. Pour ce faire, ajoutez les paramètres "TitleStyle" et "TextStyle" à votre MsgBox. En argument, utilisez du code CSS. 

{{MsgBox|title=Hello !|text=World !|TitleStyle=color: #00BB44; text-decoration: underline;|TextStyle=border: 1px solid red;}}
Hello !
World !
Récupérée de « https://wiki.planet-casio.com/fr/index.php?title=Modèle:MsgBox&oldid=1071 »