Portrait officiel
« Modèle:Infobox V3/Portrait » : différence entre les versions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
<includeonly> | <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}}</noinclude> | ||
<noinclude>{{Documentation}}</noinclude> | |||
Version du 25 mai 2025 à 17:03
📘 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
Blad Melkitim
{{Infobox V3/Portrait
|Titre portrait 1=Portrait officiel
|Portrait 1=Portrait Blad Melkitim.png
|Portrait caption 1=
}}
Deux portraits
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
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
| 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
| Palette |
|---|