Modèle:InfoBox : Différence entre versions

De Casio Universal Wiki
Aller à : navigation, rechercher
(nom d'utilisateur retiré)
(Title)
(nom d'utilisateur retiré)
(Style)
Ligne 291 : Ligne 291 :
 
=== Style ===
 
=== Style ===
 
----
 
----
You can change the style of several part of the InfoBox if you have knowledge in CSS:
+
Vous pouvez changer le style de plusieurs partie de l'InfoBox si vous vous y connaissez en CSS:
 
<pre>{{InfoBox
 
<pre>{{InfoBox
 
|image=Template_InfoBox_ExampleImage.jpg
 
|image=Template_InfoBox_ExampleImage.jpg
|caption=Gaspard and balthazar
+
|caption=Gaspard et balthazar
|label1=Actual seasons
+
|label1=Saison Actuelle
 
|data1=2
 
|data1=2
|label2=TV channel
+
|label2=Chaine Tv
 
|data2=Direct 8
 
|data2=Direct 8
  
Ligne 308 : Ligne 308 :
 
|DataStyle2=color:pink;
 
|DataStyle2=color:pink;
 
}}</pre>
 
}}</pre>
Result:{{InfoBox|image=Template_InfoBox_ExampleImage.jpg|caption=Gaspard and balthazar|label1=Actual seasons|data1=2|label2=TV channel|data2=Direct 8|TitleStyle=color:red;|TableStyle=border:solid orange 2px;|CaptionStyle=font-weight:bold;text-decoration:underline;|LabelStyle1=color:blue;
+
Résultat:{{InfoBox|image=Template_InfoBox_ExampleImage.jpg|caption=Gaspard et balthazar|label1=Saison Actuelle|data1=2|label2=Chaine Tv|data2=Direct 8|TitleStyle=color:red;|TableStyle=border:solid orange 2px;|CaptionStyle=font-weight:bold;text-decoration:underline;|LabelStyle1=color:blue; |DataStyle1=color:white;Background-color:black;|LabelStyle2=Border:dotted pink 2px;|DataStyle2=color:pink;|float=none}}
|DataStyle1=color:white;Background-color:black;|LabelStyle2=Border:dotted pink 2px; |DataStyle2=color:pink;|float=none}}
 
 
</noinclude>
 
</noinclude>

Version du 12 juin 2012 à 07:26

InfoBox
Template InfoBox ExampleImage.jpg
Je suis une légende
labelData
Date de création26.05.12

L'InfoBox vous permet de créer un tableau pour afficher les information générales du sujet d'une page. En voici un exemple a droite.

InfoBox Dédié

Ce type d'InfoBox est dédié à un thème. Si vous trouvez le thème de votre page dans ces InfoBox Dédié, veuillez favoriser ce type d'InfoBox plutôt que les InfoBox Personnalisés. De plus, ils sont beaucoup plus simple d'utilisation. Liste des InfoBox Dédié

InfoBox Personnalisé

Structure minimale


Il n'est pas nécessaire de spécifier de paramêtres pour avoir la structure minimale, mais ça n'a pas grand intérêt puisque ça n'affichera que le titre:

{{InfoBox}}

Result:

InfoBox


Image


Il est hautement recommandé de mettre une image si possible. Si elle est plus grande que 200px, elle sera réduite a cette taille. Vous êtes obligé d'ajouter une légende si vous voulez que l'image s'affiche.

{{InfoBox
|image=Template_InfoBox_ExampleImage.jpg
|caption=Les hommes de cette image sont bizarres.
}}

result:

InfoBox
Template InfoBox ExampleImage.jpg
Les hommes de cette image sont bizarres


Modifier la taille de l'image

Add the paramètre "ImageSize" with this value:

  • {Largeur} — Modifie la taille de l'image pour l'ajuster à cette largeur maximal en pixel sans restreindre la hauteur.
  • x{Hauteur} — Modifie la taille de l'image pour l'ajuster à cette hauteur maximal en pixel sans restreindre la largeur.
  • {Largeur}x{Hauteur} — Modifie la taille de l'image pour l'ajuster à la largeur et à la hauteur maximal donnée en pixel.

Example :

{{InfoBox
|image=Template_InfoBox_ExampleImage.jpg
|caption=Les hommes de cette image sont bizarres.
|ImageSize=10x10
}}

Resultat:

InfoBox
Template InfoBox ExampleImage.jpg
Les hommes de cette image sont bizarres.


Lien de l'image

Si l'image est vraiment très grande, vous pouvez importer une image de largeur de 200px et utiliser le paramètre imageLink pour l'associer à la grande image. Exemple : La grande image est "CFX-9850GB_PLUS.jpg" et la petite est "CFX-9850GB_PLUS-w200.jpg"

{{InfoBox
|image=CFX-9850GB_PLUS-w200.jpg
|caption=La petit image est affiché, mais lorsque qu'on clique sur cette derniere, c'est le lien de la grande.
|ImageLink=CFX-9850GB_PLUS.jpg
}}

Cliquez here pour voir le resultat.

Label and data


Pour ajouter des information à l'InfoBox, vous devez ajouter les paramètres "label" et "data". Et ajouter un nombre après ces deux paramêtres pour les associer. Vous pouvez aller de 1 à 100

{{InfoBox
|image=Template_InfoBox_ExampleImage.jpg
|caption=Gaspard et balthazar, deux personnages pervers qui font le succès de la série.
|label1=Nom de la série
|data1=Very Bad Blagues
|label2=Saison actuelle
|data2=2
}}

Résultat :

InfoBox
Template InfoBox ExampleImage.jpg
Gaspard et balthazar, deux personnages pervers qui font le succès de la série.
Nom de la sérieVery Bad Blagues
Saison actuelle2


Title


Par défaut, ce modèle prend le titre de la page comme titre d'infobox, mais vous pouvez le changer en ajoutant le paramètre "title"

{{InfoBox
|title=Very Bad Blague
|image=Template_InfoBox_ExampleImage.jpg
|caption=Gaspard et balthazar, 2 personnages pervers qui font le succès de la série.
|label1=Saison Actuelle
|data1=2
|label2=Chaine TV
|data2=Direct 8
}}

Resultat:

Very Bad Blague
Template InfoBox ExampleImage.jpg
Gaspard et balthazar, 2 personnages pervers qui font le succès de la série.
Saison Actuelle2
Chaine TVDirect 8


Style


Vous pouvez changer le style de plusieurs partie de l'InfoBox si vous vous y connaissez en CSS:

{{InfoBox
|image=Template_InfoBox_ExampleImage.jpg
|caption=Gaspard et balthazar
|label1=Saison Actuelle
|data1=2
|label2=Chaine Tv
|data2=Direct 8

|TitleStyle=color:red;
|TableStyle=border:solid orange 2px;
|CaptionStyle=font-weight:bold;text-decoration:underline;
|LabelStyle1=color:blue;
|DataStyle1=color:white;Background-color:black;
|LabelStyle2=Border:dotted pink 2px;
|DataStyle2=color:pink;
}}

Résultat:

InfoBox
Template InfoBox ExampleImage.jpg
Gaspard et balthazar
Saison Actuelle2
Chaine TvDirect 8