Modèle:MsgBox : Différence entre versions

De Casio Universal Wiki
Aller à : navigation, rechercher
m (Icon)
 
(7 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 Personnalisées: [[:Category:MsgBox_ReadyToUse|Liste des MsgBox ReadyToUse]].
+
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 ==
 
== MsgBox personnalisée ==
=== Structure minimale : Titre ===
+
 
----
+
=== Titre ===
Il y a un seul paramètre obligatoire, le titre.
+
 
 +
Le titre est le seul paramètre obligatoire des MsgBox.
 
<pre>{{MsgBox |title=Salut !}}</pre>
 
<pre>{{MsgBox |title=Salut !}}</pre>
'''Resultat:'''{{MsgBox |title=Salut !}}
+
{{MsgBox |title=Salut !}}
<br/>
+
<br />
 +
 
 +
=== Texte ===
  
=== Text ===
+
Vous pouvez bien sûr ajouter du texte sous le titre.
----
 
Vous pouvez ajouter du texte sous le titre
 
 
<pre>{{MsgBox|title=Hello !|text=World !}}</pre>
 
<pre>{{MsgBox|title=Hello !|text=World !}}</pre>
'''Resultat:'''{{MsgBox|title=Hello !|text=World !}}
+
{{MsgBox|title=Hello !|text=World !}}
 
<br/>
 
<br/>
  
=== Theme ===
+
=== Thème ===
----
+
 
vous pouvez changer les thème de la MsgBox. Pour changer les thème, ajoutez le paramétré "theme" comme ci-dessous:
+
Vous pouvez également changer le "thème" de la MsgBox.
 
<pre>{{MsgBox|title=Hello !|theme=NomDuTheme}}</pre>
 
<pre>{{MsgBox|title=Hello !|theme=NomDuTheme}}</pre>
Il y a actuelement 3 thèmes, remplacez "NomDuTheme" par l'un d'entre eux:
+
Il y a actuellement 3 thèmes, remplacez "NomDuTheme" par l'un d'entre eux:
  {|class="wikitable" style="width:100%;text-align:center;"
+
  {|class="wikitable" style="width: 600px; text-align:center;"
 
  !scope="col"| Nom du thème
 
  !scope="col"| Nom du thème
 
  !scope="col"| Resultat
 
  !scope="col"| Resultat
 
  |-
 
  |-
  | bleu<br/>(thème par défaut)
+
  | bleu
  | {{MsgBox|title=Voici le thème bleu|theme=bleu}}
+
  | {{MsgBox|title=Les thèmes des MsgBox|text=Thème bleu|theme=bleu}}
 
  |-
 
  |-
 
  | orange
 
  | orange
  | {{MsgBox|title=Voici le thème orange|theme=orange}}
+
  | {{MsgBox|title=Les thèmes des MsgBox|text=Thème orange|theme=orange}}
 
  |-
 
  |-
 
  | rouge
 
  | rouge
  | {{MsgBox|title=Voici le thème rouge|theme=rouge}}
+
  | {{MsgBox|title=Les thèmes des MsgBox|text=Thème rouge|theme=rouge}}
 
  |}
 
  |}
 +
Le thème bleu est utilisé par défaut.
 +
<br /><br />
 +
 
=== Icône ===
 
=== Icône ===
----
+
 
Vous pouvez changer l’icône en n'importe quelle image importée sur le wiki. La taille recommandé est de 45x35px. Pour changer l’icône, ajoutez le paramétré "icon" comme ci-dessous:
+
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".
 
<pre>{{MsgBox|title=Hello !|icon=NomDeIcone}}</pre>
 
<pre>{{MsgBox|title=Hello !|icon=NomDeIcone}}</pre>
Voici la liste des icônes recommandés:
+
Voici la liste des icônes recommandées.
{|class="wikitable"
+
{|class="wikitable" style="text-align: center;"
 
  !scope="col"| Nom de l'icône
 
  !scope="col"| Nom de l'icône
 
  !scope="col"| Icone
 
  !scope="col"| Icone
Ligne 75 : Ligne 79 :
 
  | [[file:Template_MsgBox_stylo.png]]
 
  | [[file:Template_MsgBox_stylo.png]]
 
  |}
 
  |}
 +
<br />
 +
 +
=== 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".<br />
 +
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.
 +
<pre>{{MsgBox|title=Hello !|BgColor=white|BorderColor=#484CC7}}</pre>
 +
{{MsgBox|title=Hello !|BgColor=white|BorderColor=#484CC7}}
 +
<br />
 +
 +
=== Style du titre et du texte ===
  
=== Colors of background and border ===
+
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.
----
+
<pre>{{MsgBox|title=Hello !|text=World !|TitleStyle=color: #00BB44; text-decoration: underline;|TextStyle=border: 1px solid red;}}</pre>
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.
+
{{MsgBox|title=Hello !|text=World !|TitleStyle=color: #00BB44; text-decoration: underline;|TextStyle=border: 1px solid red;}}
Example:
+
[[en:template:MsgBox]]
<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 !|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;}}
 
 
</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 !