« Modèle:Infobox V3/Image/Documentation » : différence entre les versions
Apparence
Page blanchie Balise : Blanchiment |
|||
| (16 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
<noinclude><div class=documentation style="background-color: #e6f4ea;"> | |||
{{Sous-page de documentation}}</noinclude> | |||
== 📘 Description == | |||
Ce modèle affiche jusqu’à trois images sous forme d’onglets grâce au système de navigation <code>tabber</code>. | |||
Il adapte automatiquement les images à une taille uniforme (300 px de haut, largeur 100 %) grâce à une classe CSS dédiée. | |||
Ce système permet une présentation élégante et cohérente des images dans les infoboxes. | |||
== 🔧 Syntaxe == | |||
Utilisation standard du modèle dans une infobox ou une page : | |||
<pre> | |||
{{Infobox V3/Image | |||
| Image 1 = | |||
| Titre image 1 = | |||
| Image caption 1 = | |||
| Image 2 = | |||
| Titre image 2 = | |||
| Image caption 2 = | |||
| Image 3 = NomImage3.jpg | |||
| Titre image 3 = | |||
| Image caption 3 = | |||
}} | |||
</pre> | |||
== 🧪 Exemples == | |||
=== Une seule image === | |||
<div> | |||
{{Infobox V3/Début Documentation}} | |||
{{Infobox V3/Image | |||
|Titre image 1= Drapeau de Dunwich | |||
|Image 1= Dunwich Drapeau.png | |||
|Image caption 1= | |||
}} | |||
{{Infobox V3/Fin Documentation}} | |||
<pre> | |||
{{Infobox V3/Image | |||
|Image 1= Image Blad Melkitim.png | |||
|Titre image 1= Drapeau de Dunwich | |||
|Image caption 1= | |||
}} | |||
</pre> | |||
{{clr}} | |||
</div> | |||
=== Deux images === | |||
<div> | |||
{{Infobox V3/Début Documentation}} | |||
{{Infobox V3/Image | |||
|Image 1=Localisation actoria (pays) sur continent.png | |||
|Titre image 1=Gouvernorats Unifiés d’Actoria | |||
|Image caption 1= | |||
|Image 2=GUA - Localisation.png | |||
|Titre image 2=Localisation | |||
|Image caption 2= | |||
}} | |||
{{Infobox V3/Fin Documentation}} | |||
<pre> | |||
{{Infobox V3/Image | |||
|Image 1=Localisation actoria (pays) sur continent.png | |||
|Titre image 1=Gouvernorats Unifiés d’Actoria | |||
|Image caption 1= | |||
|Image 2=GUA - Localisation.png | |||
|Titre image 2=Localisation | |||
|Image caption 2= | |||
}} | |||
</pre> | |||
{{clr}} | |||
</div> | |||
=== Trois images === | |||
<div> | |||
{{Infobox V3/Début Documentation}} | |||
{{Infobox V3/Image | |||
|Image 1=Caphnir glyph.png | |||
|Titre image 1=Glyphe Caphnir | |||
|Image caption 1= | |||
|Image 2=Uldr glyph.png | |||
|Titre image 2= Glyphe Uldr | |||
|Image caption 2= | |||
|Image 3=Xøndrelđ glyph.png | |||
|Titre image 3= Glyphe Xøndrelđ | |||
|Image caption 3= | |||
}} | |||
{{Infobox V3/Fin Documentation}} | |||
<pre> | |||
{{Infobox V3/Image | |||
|Image 1=Caphnir glyph.png | |||
|Titre image 1=Glyphe Caphnir | |||
|Image caption 1= | |||
|Image 2=Uldr glyph.png | |||
|Titre image 2= Glyphe Uldr | |||
|Image caption 2= | |||
|Image 3=Xøndrelđ glyph.png | |||
|Titre image 3= Glyphe Xøndrelđ | |||
|Image caption 3= | |||
}} | |||
</pre> | |||
{{clr}} | |||
</div> | |||
== 🧩 Paramètres == | |||
{| class="wikitable" | |||
! Nom du paramètre !! Description !! Obligatoire | |||
|- | |||
| <code>Image 1</code> || Nom du fichier de la première image sans le préfixe File: || Oui | |||
|- | |||
| <code>Titre image 1</code> || Titre affiché au-dessus de la première image || Non | |||
|- | |||
| <code>Image caption 1</code> || Légende affichée sous la première image || Non | |||
|- | |||
| <code>Image 2</code> || Nom du fichier de la deuxième image || Non | |||
|- | |||
| <code>Titre image 2</code> || Titre affiché au-dessus de la deuxième image || Non | |||
|- | |||
| <code>Image caption 2</code> || Légende affichée sous la deuxième image || Non | |||
|- | |||
| <code>Image 3</code> || Nom du fichier de la troisième image || Non | |||
|- | |||
| <code>Titre image 3</code> || Titre affiché au-dessus de la troisième image || Non | |||
|- | |||
| <code>Image caption 3</code> || Légende affichée sous la troisième image || Non | |||
|} | |||
⚠️ Les images 2 et 3 sont facultatives. Si seule l’image 1 est renseignée, elle s’affiche seule, sans onglets. | |||
== 🧰 CSS recommandé == | |||
Pour que les images aient une taille cohérente et soient automatiquement rognées (crop), ajoute ce code dans `MediaWiki:Common.css` : | |||
<pre> | |||
.infobox-portrait-cropped img { | |||
width: 100%; | |||
height: 300px; | |||
object-fit: cover; | |||
object-position: center; | |||
} | |||
</pre> | |||
Et appelle les images dans le modèle comme ceci : | |||
<pre> | |||
[[File:{{{Image 1}}}|class=infobox-portrait-cropped]] | |||
</pre> | |||
== 🔗 Voir aussi == | |||
{{Infobox V3/Palette/Infobox V3}} | |||
Dernière version du 27 juin 2025 à 14:31
📘 Description[modifier le wikicode]
Ce modèle affiche jusqu’à trois images sous forme d’onglets grâce au système de navigation tabber.
Il adapte automatiquement les images à une taille uniforme (300 px de haut, largeur 100 %) grâce à une classe CSS dédiée.
Ce système permet une présentation élégante et cohérente des images dans les infoboxes.
🔧 Syntaxe[modifier le wikicode]
Utilisation standard du modèle dans une infobox ou une page :
{{Infobox V3/Image
| Image 1 =
| Titre image 1 =
| Image caption 1 =
| Image 2 =
| Titre image 2 =
| Image caption 2 =
| Image 3 = NomImage3.jpg
| Titre image 3 =
| Image caption 3 =
}}
🧪 Exemples[modifier le wikicode]
Une seule image[modifier le wikicode]
Drapeau de Dunwich
{{Infobox V3/Image
|Image 1= Image Blad Melkitim.png
|Titre image 1= Drapeau de Dunwich
|Image caption 1=
}}
Deux images[modifier le wikicode]
{{Infobox V3/Image
|Image 1=Localisation actoria (pays) sur continent.png
|Titre image 1=Gouvernorats Unifiés d’Actoria
|Image caption 1=
|Image 2=GUA - Localisation.png
|Titre image 2=Localisation
|Image caption 2=
}}
Trois images[modifier le wikicode]
{{Infobox V3/Image
|Image 1=Caphnir glyph.png
|Titre image 1=Glyphe Caphnir
|Image caption 1=
|Image 2=Uldr glyph.png
|Titre image 2= Glyphe Uldr
|Image caption 2=
|Image 3=Xøndrelđ glyph.png
|Titre image 3= Glyphe Xøndrelđ
|Image caption 3=
}}
🧩 Paramètres[modifier le wikicode]
| Nom du paramètre | Description | Obligatoire |
|---|---|---|
Image 1 |
Nom du fichier de la première image sans le préfixe File: | Oui |
Titre image 1 |
Titre affiché au-dessus de la première image | Non |
Image caption 1 |
Légende affichée sous la première image | Non |
Image 2 |
Nom du fichier de la deuxième image | Non |
Titre image 2 |
Titre affiché au-dessus de la deuxième image | Non |
Image caption 2 |
Légende affichée sous la deuxième image | Non |
Image 3 |
Nom du fichier de la troisième image | Non |
Titre image 3 |
Titre affiché au-dessus de la troisième image | Non |
Image caption 3 |
Légende affichée sous la troisième image | Non |
⚠️ Les images 2 et 3 sont facultatives. Si seule l’image 1 est renseignée, elle s’affiche seule, sans onglets.
🧰 CSS recommandé[modifier le wikicode]
Pour que les images aient une taille cohérente et soient automatiquement rognées (crop), ajoute ce code dans `MediaWiki:Common.css` :
.infobox-portrait-cropped img {
width: 100%;
height: 300px;
object-fit: cover;
object-position: center;
}
Et appelle les images dans le modèle comme ceci :
[[File:{{{Image 1}}}|class=infobox-portrait-cropped]]




