Aller au contenu

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

De Wikiquestia
← Modification précédenteModification suivante →
VisuelWikicode
Aucun résumé des modifications
Balise : Révoqué
Aucun résumé des modifications
Balise : Révocation manuelle
Ligne 1 : Ligne 1 :
<noinclude><div class="documentation" style="background-color: #ecf6fb;">{{Avertissement}}Lien vers la [[Modèle:{{PAGENAME}}/Documentation|documentation du modèle]].</noinclude><includeonly><div class="infobox-center">{{#if:{{{Image 1|}}} |{{#if:{{{Image 2|}}} |<!-- Deux ou trois images : afficher avec tabber -->{{#if:{{{Image 3|}}} |<!-- Trois images --><tabber>|-|Première image=<div class="infobox-LO"><p>{{{Titre image 1}}}</p>[[File:{{{Image 1}}}|center|frameless|200px]]{{#if:{{{Image caption 1|}}} | <div class="infobox-caption">{{{Image caption 1}}}</div> }}</div>|-|Deuxième image=<div class="infobox-LO"><p>{{{Titre image 2}}}</p>[[File:{{{Image 2}}}|center|frameless|200px]]{{#if:{{{Image caption 2|}}} | <div class="infobox-caption">{{{Image caption 2}}}</div> }}</div>|-|Troisième image=<div class="infobox-LO"><p>{{{Titre image 3}}}</p>[[File:{{{Image 3}}}|center|frameless|200px]]{{#if:{{{Image caption 3|}}} | <div class="infobox-caption">{{{Image caption 3}}}</div> }}</div></tabber>|<!-- Deux images --><tabber>|-|Première image=<div class="infobox-LO"><p>{{{Titre image 1}}}</p>[[File:{{{Image 1}}}|center|frameless|200px]]{{#if:{{{Image caption 1|}}} | <div class="infobox-caption">{{{Image caption 1}}}</div> }}</div>|-|Deuxième image=<div class="infobox-LO"><p>{{{Titre image 2}}}</p>[[File:{{{Image 2}}}|center|frameless|200px]]{{#if:{{{Image caption 2|}}} | <div class="infobox-caption">{{{Image caption 2}}}</div> }}</div></tabber>}}|<!-- Une seule image (Image 1) --><div class="infobox-LO"><p>{{{Titre image 1}}}</p>[[File:{{{Image 1}}}|center|frameless|250px]]{{#if:{{{Image caption 1|}}} | <div class="infobox-caption">{{{Image caption 1}}}</div> }}</div>}}}}</div><!-- Ligne de séparation finale --><hr style="background-color: {{#invoke:Charte|couleur|charte={{{Charte|defaut}}}|type=hr}};"></includeonly><noinclude>{{Documentation}}----La documentation de ce modèle est incluse depuis sa sous-page de documentation. Pour plus d’informations, voir la [[Modèle:{{PAGENAME}}/Documentation|documentation du modèle]].</div></noinclude>
<noinclude><div class="documentation" style="background-color: #ecf6fb;">{{Avertissement}}Lien vers la [[Modèle:{{PAGENAME}}/Documentation|documentation du modèle]].</noinclude><includeonly><div class="infobox-center">{{#if:{{{Image 1|}}} |{{#if:{{{Image 2|}}} |<!-- Deux ou trois images : afficher avec tabber -->{{#if:{{{Image 3|}}} |<!-- Trois images --><tabber>|-|Première image=<div class="infobox-LO"><p>{{{Titre image 1}}}</p>[[File:{{{Image 1}}}|center|frameless|200px]]{{#if:{{{Image caption 1|}}} | <div class="infobox-caption">{{{Image caption 1}}}</div> }}</div>|-|Deuxième image=<div class="infobox-LO"><p>{{{Titre image 2}}}</p>[[File:{{{Image 2}}}|center|frameless|200px]]{{#if:{{{Image caption 2|}}} | <div class="infobox-caption">{{{Image caption 2}}}</div> }}</div>|-|Troisième image=<div class="infobox-LO"><p>{{{Titre image 3}}}</p>[[File:{{{Image 3}}}|center|frameless|200px]]{{#if:{{{Image caption 3|}}} | <div class="infobox-caption">{{{Image caption 3}}}</div> }}</div></tabber>|<!-- Deux images --><tabber>|-|Première image=<div class="infobox-LO"><p>{{{Titre image 1}}}</p>[[File:{{{Image 1}}}|center|frameless|200px]]{{#if:{{{Image caption 1|}}} | <div class="infobox-caption">{{{Image caption 1}}}</div> }}</div>|-|Deuxième image=<div class="infobox-LO"><p>{{{Titre image 2}}}</p>[[File:{{{Image 2}}}|center|frameless|200px]]{{#if:{{{Image caption 2|}}} | <div class="infobox-caption">{{{Image caption 2}}}</div> }}</div></tabber>}}|<!-- Une seule image (Image 1) --><div class="infobox-LO"><p>{{{Titre image 1}}}</p>[[File:{{{Image 1}}}|center|frameless|250px]]{{#if:{{{Image caption 1|}}} | <div class="infobox-caption">{{{Image caption 1}}}</div> }}</div>}}}}</div></includeonly><noinclude>{{Documentation}}----La documentation de ce modèle est incluse depuis sa sous-page de documentation. Pour plus d’informations, voir la [[Modèle:{{PAGENAME}}/Documentation|documentation du modèle]].</div></noinclude>

Version du 6 juin 2025 à 19:34

⛔
Avertissement :🛠️ modifier avec précaution
Cette page est une brique d’infobox.
Elle est conçue pour être incluse dans d’autres modèles et ne doit pas être modifiée directement sans précaution. Toute modification peut affecter de nombreuses pages du wiki.
Lien vers la documentation du modèle.

📘 Description

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

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

Une seule image

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

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

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

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é

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

Briques Infobox V3
Modèles de base
Modèle:Infobox V3/Début · Modèle:Infobox V3/Fin
Modèles de tableau
Modèle:Infobox V3/Tableau début · Modèle:Infobox V3/Tableau Ligne mixte · Modèle:Infobox V3/Tableau Ligne entêtes · Modèle:Infobox V3/Tableau Ligne entêtes fonction · Modèle:Infobox V3/Tableau Ligne données · Modèle:Infobox V3/Tableau fin
Modèles divers
Modèle:Infobox V3/Titre Bloc · Modèle:Infobox V3/Fonction · Modèle:Infobox V3/Portrait · Modèle:Infobox V3/Image · Modèle:Infobox V3/Carte · Modèle:Infobox V3/Dates · Modèle:Infobox V3/Début Documentation · Modèle:Infobox V3/Fin Documentation



La documentation de ce modèle est incluse depuis sa sous-page de documentation. Pour plus d’informations, voir la documentation du modèle.
Récupérée de "https://wiki.alakihel.ovh/index.php?title=Modèle:Infobox_V3/Image&oldid=4761"