Modèle:InfoBox : Différence entre versions

Version du 12 juin 2012 à 07:14

InfoBox

This is a caption
label	Data
Date of creation	26.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:

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

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

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

To add information about the InfoBox, you must use the parameters "label" and "data". Then add the numbers behind these two parameters to associate. It can reach about 100.

{{InfoBox
|image=Template_InfoBox_ExampleImage.jpg
|caption=Gaspard and balthazar, two characters perverse, which make the success of the series.
|label1=Name of series
|data1=Very Bad Blagues
|label2=Actual seasons
|data2=2
}}

Result:

InfoBox

Gaspard and balthazar, two characters perverse, which make the success of the series.
Name of series	Very Bad Blagues
Actual seasons	2

Title

By default this template takes the page title as the title, but you can change it, with the "title" parameter.

{{InfoBox
|title=Very Bad Blague
|image=Template_InfoBox_ExampleImage.jpg
|caption=Gaspard and balthazar, two characters perverse, which make the success of the series.
|label1=Actual seasons
|data1=2
|label2=TV channel
|data2=Direct 8
}}

Result:

Very Bad Blague

Gaspard and balthazar, two characters perverse, which make the success of the series.
Actual seasons	2
TV channel	Direct 8

Style

You can change the style of several part of the InfoBox if you have knowledge in CSS:

{{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;
|DataStyle1=color:white;Background-color:black;
|LabelStyle2=Border:dotted pink 2px;
|DataStyle2=color:pink;
}}

Result:

InfoBox

Gaspard and balthazar
Actual seasons	2
TV channel	Direct 8