Modèle:MsgBox : Différence entre versions

De Casio Universal Wiki
Aller à : navigation, rechercher
(nom d'utilisateur retiré)
Ligne 18 : Ligne 18 :
  
 
== 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.
 +
[[Category:MsgBox_ReadyToUse|Liste des MsgBox ReadyToUse]].
  
 
== 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 />
  
 
=== Text ===
 
=== Text ===
----
+
 
Vous pouvez ajouter du texte sous le titre
+
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>
'''Resultat:'''{{MsgBox|title=Hello !|text=World !}}
+
{{MsgBox|title=Hello !|text=World !}}
 
<br/>
 
<br/>
  
 
=== Theme ===
 
=== Theme ===
----
+
 
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 80 :
 
  | [[file:Template_MsgBox_stylo.png]]
 
  | [[file:Template_MsgBox_stylo.png]]
 
  |}
 
  |}
 +
<br />
  
 
=== Couleur de fond et bordure ===
 
=== Couleur de fond et bordure ===
----
 
Vous pouvez changer la couleur de la bordure et du fond en ajoutant les paramètres "BorderColor" et "BgColor". Vous pouvez utiliser des noms de couleur (en anglais) comme "red" ou "blue", ou la valeur hexadécimale d'une couleur (utilisez ce [http://www.colorpicker.com/ site] pour connaître cette valeur). N'oubliez pas de mettre un diése ( # ) devant la valeur héx. 
 
  
Exemple:
+
Vous pouvez changer la couleur de la bordure et/ou du fond en ajoutant les paramètres "BorderColor" et/ou "BgColor".<br />
<pre>{{MsgBox|title=Hello !|BgColor=yellow|BorderColor=#FF00AE}}</pre>
+
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.
Résultat:
+
<pre>{{MsgBox|title=Hello !|BgColor=beige|BorderColor=#484CC7}}</pre>
{{MsgBox|title=Hello !|BgColor=yellow|BorderColor=#FF00AE}}
+
{{MsgBox|title=Hello !|BgColor=beige|BorderColor=#484CC7}}
 +
<br />
  
 
=== Style du titre et du texte ===
 
=== Style du titre et du texte ===
----
 
Vous pouvez changer le style du titre et du texte. Pour ce faire, ajoutez les paramètres "TitleStyle" et "TextStyle". En argument, utilisez du code CSS
 
  
Exemple:
+
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=Yeeah|TitleStyle=color:#00FF44;text-decoration:underline;|TextStyle=border:solid Red 1px;}}</pre>
 
<pre>{{MsgBox|title=Hello !|text=Yeeah|TitleStyle=color:#00FF44;text-decoration:underline;|TextStyle=border:solid Red 1px;}}</pre>
Résultat:
 
 
{{MsgBox|title=Hello !|text=Yeeah|TitleStyle=color:#00FF44;text-decoration:underline;|TextStyle=border:solid Red 1px;}}
 
{{MsgBox|title=Hello !|text=Yeeah|TitleStyle=color:#00FF44;text-decoration:underline;|TextStyle=border:solid Red 1px;}}
 
[[en:template:MsgBox]]
 
[[en:template:MsgBox]]
 
</noinclude>
 
</noinclude>

Version du 14 mai 2014 à 17:25

La MsgBox vous permet d'écrire un message sur une page pour informer les utilisateurs. Comme ce message:

Cette page est protégée
Car elle est utilisée sur beaucoup de pages.

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 !


Text

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

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


Theme

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=beige|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=Yeeah|TitleStyle=color:#00FF44;text-decoration:underline;|TextStyle=border:solid Red 1px;}}
Hello !
Yeeah