Aller au contenu

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

De Wikiquestia
Aucun résumé des modifications
Aucun résumé des modifications
 
(7 versions intermédiaires par le même utilisateur non affichées)
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 images : afficher avec tabber --><tabber>|-|Premier portrait=<div class="infobox-LO"><p>{{{Titre portrait 1}}}</p>[[File:{{{Portrait 1}}}|center|frameless|200px]]{{#if:{{{Portrait caption 1|}}}|<div class="infobox-caption">{{{Portrait caption 1}}}</div>}}</div>|-|Second portrait=<div class="infobox-LO"><p>{{{Titre portrait 2}}}</p>[[File:{{{Portrait 2}}}|center|frameless|200px]]{{#if:{{{Portrait caption 2|}}}|<div class="infobox-caption">{{{Portrait caption 2}}}</div>}}</div></tabber>| <!-- Une seule image (Portrait 1) --><div class="infobox-LO"><p>{{{Titre portrait 1}}}</p>[[File:{{{Portrait 1}}}|center|frameless|250px]]{{#if:{{{Portrait caption 1|}}}|<div class="infobox-caption">{{{Portrait caption 1}}}</div>}}</div>}}| <!-- Aucun portrait : rien -->}}</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>
<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}}}|200px|frameless|center]]{{#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}}}|200px|frameless|center]]{{#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}}}|200px|frameless|center]]{{#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}}}|200px|frameless|center]]{{#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}}}|200px|frameless|center]]{{#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}}}|200px|frameless|center]]{{#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>

Dernière version du 4 juin 2025 à 07:12

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[modifier le wikicode]

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[modifier le wikicode]

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[modifier le wikicode]

Un seul portrait[modifier le wikicode]

Portrait officiel

Blad Melkitim
{{Infobox V3/Portrait
 |Titre portrait 1=Portrait officiel
 |Portrait 1=Portrait Blad Melkitim.png
 |Portrait caption 1=
}}

Deux portraits[modifier le wikicode]

Portrait officiel

Portrait officiel

{{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[modifier le wikicode]

Portrait officiel

Portrait officiel

Portrait officiel

{{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[modifier le wikicode]

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é[modifier le wikicode]

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[modifier le wikicode]




La documentation de ce modèle est incluse depuis sa sous-page de documentation. Pour plus d’informations, voir la documentation du modèle.