Aller au contenu

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

De Wikiquestia
← Modification précédenteModification suivante →
VisuelWikicode
Aucun résumé des modifications
Aucun résumé des modifications
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:{{{Portrait 1|}}} |{{#if:{{{Portrait 2|}}} |<!-- Deux ou trois portraits : afficher avec tabber -->{{#if:{{{Portrait 3|}}} |<!-- Trois portraits --><tabber>|-|Premier portrait=<div class="infobox-LO"><p>{{{Titre portrait 1}}}</p>[[File:{{{Portrait 1}}}|center|frameless|style=width:100%;max-height:200px;object-fit:cover;]]{{#if:{{{Portrait caption 1|}}} | <div class="infobox-caption">{{{Portrait caption 1}}}</div> }}</div>|-|Deuxième portrait=<div class="infobox-LO"><p>{{{Titre portrait 2}}}</p>[[File:{{{Portrait 2}}}|center|frameless|style=width:100%;max-height:200px;object-fit:cover;]]{{#if:{{{Portrait caption 2|}}} | <div class="infobox-caption">{{{Portrait caption 2}}}</div> }}</div>|-|Troisième portrait=<div class="infobox-LO"><p>{{{Titre portrait 3}}}</p>[[File:{{{Portrait 3}}}|center|frameless|style=width:100%;max-height:200px;object-fit:cover;]]{{#if:{{{Portrait caption 3|}}} | <div class="infobox-caption">{{{Portrait caption 3}}}</div> }}</div></tabber>|<!-- Deux portraits --><tabber>|-|Premier portrait=<div class="infobox-LO"><p>{{{Titre portrait 1}}}</p>[[File:{{{Portrait 1}}}|center|frameless|style=width:100%;max-height:200px;object-fit:cover;]]{{#if:{{{Portrait caption 1|}}} | <div class="infobox-caption">{{{Portrait caption 1}}}</div> }}</div>|-|Deuxième portrait=<div class="infobox-LO"><p>{{{Titre portrait 2}}}</p>[[File:{{{Portrait 2}}}|center|frameless|style=width:100%;max-height:200px;object-fit:cover;]]{{#if:{{{Portrait caption 2|}}} | <div class="infobox-caption">{{{Portrait caption 2}}}</div> }}</div></tabber>}}|<!-- Un seul portrait (Portrait 1) --><div class="infobox-LO"><p>{{{Titre portrait 1}}}</p>[[File:{{{Portrait 1}}}|center|frameless|style=width:100%;max-height:200px;object-fit:cover;]]{{#if:{{{Portrait caption 1|}}} | <div class="infobox-caption">{{{Portrait 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:{{PAG]()]()
<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:{{{Portrait 1|}}} |{{#if:{{{Portrait 2|}}} |<!-- Deux ou trois portraits : afficher avec tabber -->{{#if:{{{Portrait 3|}}} |<!-- Trois portraits --><tabber>|-|Premier portrait=<div class="infobox-LO"><p>{{{Titre portrait 1}}}</p>[[File:{{{Portrait 1}}}|center|frameless|style=height:200px;object-fit:cover;]]{{#if:{{{Portrait caption 1|}}} | <div class="infobox-caption">{{{Portrait caption 1}}}</div> }}</div>|-|Deuxième portrait=<div class="infobox-LO"><p>{{{Titre portrait 2}}}</p>[[File:{{{Portrait 2}}}|center|frameless|style=height:200px;object-fit:cover;]]{{#if:{{{Portrait caption 2|}}} | <div class="infobox-caption">{{{Portrait caption 2}}}</div> }}</div>|-|Troisième portrait=<div class="infobox-LO"><p>{{{Titre portrait 3}}}</p>[[File:{{{Portrait 3}}}|center|frameless|style=height:200px;object-fit:cover;]]{{#if:{{{Portrait caption 3|}}} | <div class="infobox-caption">{{{Portrait caption 3}}}</div> }}</div></tabber>|<!-- Deux portraits --><tabber>|-|Premier portrait=<div class="infobox-LO"><p>{{{Titre portrait 1}}}</p>[[File:{{{Portrait 1}}}|center|frameless|style=height:200px;object-fit:cover;]]{{#if:{{{Portrait caption 1|}}} | <div class="infobox-caption">{{{Portrait caption 1}}}</div> }}</div>|-|Deuxième portrait=<div class="infobox-LO"><p>{{{Titre portrait 2}}}</p>[[File:{{{Portrait 2}}}|center|frameless|style=height:200px;object-fit:cover;]]{{#if:{{{Portrait caption 2|}}} | <div class="infobox-caption">{{{Portrait caption 2}}}</div> }}</div></tabber>}}|<!-- Un seul portrait (Portrait 1) --><div class="infobox-LO"><p>{{{Titre portrait 1}}}</p>[[File:{{{Portrait 1}}}|center|frameless|style=height:200px;object-fit:cover;]]{{#if:{{{Portrait caption 1|}}} | <div class="infobox-caption">{{{Portrait 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 4 juin 2025 à 07:09

⛔
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 portraits 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 portraits dans les infoboxes.

🔧 Syntaxe

Utilisation standard du modèle dans une infobox ou une page : 

{{NomDuModèle
 | Portrait 1 = NomImage1.jpg
 | Titre portrait 1 = Légende 1
 | Portrait caption 1 = Description 1
 | Portrait 2 = NomImage2.jpg
 | Titre portrait 2 = Légende 2
 | Portrait caption 2 = Description 2
 | Portrait 3 = NomImage3.jpg
 | Titre portrait 3 = Légende 3
 | Portrait caption 3 = Description 3
}}

🧪 Exemples

Un seul portrait

Portrait officiel

style=height:200px;object-fit:cover;
style=height:200px;object-fit:cover;
Blad Melkitim
{{Infobox V3/Portrait
 |Titre portrait 1=Portrait officiel
 |Portrait 1=Portrait Blad Melkitim.png
 |Portrait caption 1=
}}

Deux portraits

Portrait officiel

style=height:200px;object-fit:cover;
style=height:200px;object-fit:cover;

Portrait officiel

style=height:200px;object-fit:cover;
style=height:200px;object-fit:cover;
{{Infobox V3/Portrait
 |Portrait 1=Ejheril Reïls portrait.png
 |Titre portrait 1=Portrait officiel
 |Portrait caption 1=
 |Portrait 2=Ejheril Reïls portrait jeune.png
 |Titre portrait 2=Portrait officiel
 |Portrait caption 2=
 |Portrait 3=
 |Titre portrait 3=
 |Portrait caption 3=
}}

Trois portraits

Portrait officiel

style=height:200px;object-fit:cover;
style=height:200px;object-fit:cover;

Portrait officiel

style=height:200px;object-fit:cover;
style=height:200px;object-fit:cover;

Portrait officiel

style=height:200px;object-fit:cover;
style=height:200px;object-fit:cover;
{{Infobox V3/Portrait
 |Portrait 1=Ejheril Reïls portrait.png
 |Titre portrait 1=Portrait officiel
 |Portrait caption 1=
 |Portrait 2=Ejheril Reïls portrait jeune.png
 |Titre portrait 2=Portrait officiel
 |Portrait caption 2=
 |Portrait 3=Ejheril Reïls portrait jeune.png
 |Titre portrait 3=Portrait officiel
 |Portrait caption 3=
}}

🧩 Paramètres

Nom du paramètre Description Obligatoire
Portrait 1 Nom du fichier de la première image sans le préfixe File: Oui
Titre portrait 1 Titre affiché au-dessus de la première image Non
Portrait caption 1 Légende affichée sous la première image Non
Portrait 2 Nom du fichier de la deuxième image Non
Titre portrait 2 Titre affiché au-dessus de la deuxième image Non
Portrait caption 2 Légende affichée sous la deuxième image Non
Portrait 3 Nom du fichier de la troisième image Non
Titre portrait 3 Titre affiché au-dessus de la troisième image Non
Portrait 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 portraits aient une taille cohérente et soient automatiquement rognés (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:{{{Portrait 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/Portrait&oldid=4708"