Modèle:InfoBox : Différence entre versions
(nom d'utilisateur retiré) (Page créée avec « <includeonly> <div id="TemplateInfoBox" {{#if:{{{float|}}}|style="float:{{{float}}}"}}> <div {{#if:{{{TitleStyle|}}}| style="{{{TitleStyle}}}"}}>{{{title|{{PAGENAME}}}}}</... ») |
(nom d'utilisateur retiré) |
||
Ligne 215 : | Ligne 215 : | ||
|label2=Date of creation | |label2=Date of creation | ||
|data2=26.05.12}} | |data2=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.[[:Categorie:InfoBox_Dédié|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: | ||
+ | <pre>{{InfoBox}}</pre> | ||
+ | Result: {{InfoBox|float=none}} | ||
+ | |||
+ | === 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. | ||
+ | <pre> | ||
+ | {{InfoBox | ||
+ | |image=Template_InfoBox_ExampleImage.jpg | ||
+ | |caption=Les hommes de cette image sont bizarres. | ||
+ | }} | ||
+ | </pre> | ||
+ | result:{{InfoBox|image=Template_InfoBox_ExampleImage.jpg|caption=Les hommes de cette image sont bizarres|float=none}} | ||
+ | |||
+ | ==== 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 : | ||
+ | <pre> | ||
+ | {{InfoBox | ||
+ | |image=Template_InfoBox_ExampleImage.jpg | ||
+ | |caption=Les hommes de cette image sont bizarres. | ||
+ | |ImageSize=10x10 | ||
+ | }} | ||
+ | </pre> | ||
+ | Result:{{InfoBox|image=Template_InfoBox_ExampleImage.jpg|caption=Les hommes de cette image sont bizarres.||ImageSize=10x10|float=none}} | ||
+ | |||
The InfoBox lets you create a table to display the general technical information about the subject of the page, as on the right. | The InfoBox lets you create a table to display the general technical information about the subject of the page, as on the right. | ||
Version du 12 juin 2012 à 07:09
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.
Sommaire
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:
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 }}
Result:
The InfoBox lets you create a table to display the general technical information about the subject of the page, as on the right.
InfoBox Dedicated
This type of InfsoBox is dedicated to a theme. If you find the name of your page in these subjects prefer this type of InfsoBo rather than personalized. list of InfoBox Dedicated
Personalized InfoBox
Minimal call
You do not need to specify parameters, but it has no interest because only the title and an early picture appears :
{{InfoBox}}
Result:
Image
It is highly recommended if possible to add an image. If it is more than 200px wide, it will be reduced to this size. You must add a caption.
{{InfoBox |image=Template_InfoBox_ExampleImage.jpg |caption=The men in this picture are strange. }}
result:
Resize the image
Add the parameter "ImageSize" with this value:
- {width} — Resizes the image to fit within the given maximum width in pixels, without restricting its height;
- x{height} — Resizes the image to fit within the given maximum height in pixels, without restricting its width;
- {width}x{height} — Resizes the image to fit within the given width and height in pixels;
Example :
{{InfoBox |image=Template_InfoBox_ExampleImage.jpg |caption=The men in this picture are strange. |ImageSize=10x10 }}
Result:
Link of the image
If the image you give is really big, you can upload the same image with a width of 200px and use the link parameter to associate the big picture. Example : The big image est "CFX-9850GB_PLUS.jpg" and the same small image is "CFX-9850GB_PLUS-w200.jpg"
{{InfoBox |image=CFX-9850GB_PLUS-w200.jpg |caption=This is the big image in small |ImageLink=CFX-9850GB_PLUS.jpg }}
Click here to see the result.
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:
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:
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: