Modèle:InfoBox

De Casio Universal Wiki
Révision datée du 11 juin 2012 à 22:43 par (nom d'utilisateur retiré) (Page créée avec « <includeonly> <div id="TemplateInfoBox" {{#if:{{{float|}}}|style="float:{{{float}}}"}}> <div {{#if:{{{TitleStyle|}}}| style="{{{TitleStyle}}}"}}>{{{title|{{PAGENAME}}}}}</... »)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Aller à : navigation, rechercher


InfoBox
Template InfoBox ExampleImage.jpg
This is a caption
labelData
Date of creation26.05.12

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:

InfoBox


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:

InfoBox
Template InfoBox ExampleImage.jpg
The men in this picture are strange.


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:

InfoBox
Template InfoBox ExampleImage.jpg
The men in this picture are strange.

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:

InfoBox
Template InfoBox ExampleImage.jpg
Gaspard and balthazar, two characters perverse, which make the success of the series.
Name of seriesVery Bad Blagues
Actual seasons2


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
Template InfoBox ExampleImage.jpg
Gaspard and balthazar, two characters perverse, which make the success of the series.
Actual seasons2
TV channelDirect 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
Template InfoBox ExampleImage.jpg
Gaspard and balthazar
Actual seasons2
TV channelDirect 8