Modèle:InfoBox

InfoBox

Article détaillé : Accueil.
Je suis une légende
label	Data
Date de création	26.05.12

L'InfoBox vous permet de créer un tableau pour afficher les informations 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 une InfoBox dédiée correspondant au thème de votre page, veuillez la privilégier plutôt que les InfoBox personnalisées. De plus, elles sont beaucoup plus simple d'utilisation. Liste des InfoBox Dédié

InfoBox personnalisée

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}}

InfoBox

Image

Il est hautement recommandé de mettre une image si possible. Si elle est plus grande que 200px, elle sera réduite à 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.
}}

InfoBox

Les hommes de cette image sont bizarres

Taille de l'image

Pour modifier la taille de l'image, ajoutez les paramètres suivants.

• {Largeur} — Modifie la largeur sans restreindre la hauteur.
• {Hauteur} — Modifie la hauteur sans restreindre la largeur.
• {Largeur}x{Hauteur} — Force la taille de l'image.

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

InfoBox

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

Gaspard et balthazar, deux personnages pervers qui font le succès de la série.
Nom de la série	Very Bad Blagues
Saison actuelle	2

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

Gaspard et balthazar, 2 personnages pervers qui font le succès de la série.
Saison Actuelle	2
Chaine TV	Direct 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

Gaspard et balthazar
Saison Actuelle	2
Chaine Tv	Direct 8