Aller au contenu

« Modèle:Infobox V3/Image/Documentation » : différence entre les versions

De Wikiquestia
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

Note : Ceci est une page de documentation pour un modèle.

📘 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

Fichier:Dunwich Drapeau.png

{{Infobox V3/Image
 |Image 1= Image Blad Melkitim.png
 |Titre image 1= Drapeau de Dunwich
 |Image caption 1= 
}}

Deux images[modifier le wikicode]

Gouvernorats Unifiés d’Actoria

Localisation


{{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]

Glyphe Caphnir

Glyphe Uldr

Glyphe Xøndrelđ


{{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]]

🔗 Voir aussi[modifier le wikicode]