Modèle:InfoBox : Différence entre versions

Version du 11 juin 2012 à 22:43 (voir la source) (nom d'utilisateur retiré) (Page créée avec « <includeonly> <div id="TemplateInfoBox" {{#if:{{{float|}}}|style="float:{{{float}}}"}}> <div {{#if:{{{TitleStyle|}}}| style="{{{TitleStyle}}}"}}>{{{title|{{PAGENAME}}}}}</... ») Modification suivante →

(Aucune différence)

---

Version du 11 juin 2012 à 22:43

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:

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:

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: