Modèle:Infobox V3/Portrait/Documentation - Historique des versions

Alakihel le 27 juin 2025 à 07:46

2025-06-27T07:46:20Z

← Version précédente		Version du 27 juin 2025 à 07:46
Ligne 149 :		Ligne 149 :

	== 🔗 Voir aussi ==		== 🔗 Voir aussi ==
	* [[Modèle:Infobox]]		{{Infobox V3/Palette/Infobox V3}}
	* [[Aide:Images]]
	* [[MediaWiki:Common.css]]

Alakihel : /* 🧪 Exemples */

2025-05-29T11:15:21Z

🧪 Exemples

← Version précédente		Version du 29 mai 2025 à 11:15
Ligne 46 :		Ligne 46 :
	=== Deux portraits ===		=== Deux portraits ===
	<div>		<div>
	{{Infobox V3/Début}}		{{Infobox V3/Début Documentation}}
	{{Infobox V3/Portrait		{{Infobox V3/Portrait
	\|Portrait 1=Ejheril Reïls portrait.png		\|Portrait 1=Ejheril Reïls portrait.png
Ligne 58 :		Ligne 58 :
	\|Portrait caption 3=		\|Portrait caption 3=
	}}		}}
	{{Infobox V3/Fin}}		{{Infobox V3/Fin Documentation}}
	<pre>		<pre>
	{{Infobox V3/Portrait		{{Infobox V3/Portrait
Ligne 77 :		Ligne 77 :
	=== Trois portraits ===		=== Trois portraits ===
	<div>		<div>
	{{Infobox V3/Début}}		{{Infobox V3/Début Documentation}}
	{{Infobox V3/Portrait		{{Infobox V3/Portrait
	\|Portrait 1=Ejheril Reïls portrait.png		\|Portrait 1=Ejheril Reïls portrait.png
Ligne 89 :		Ligne 89 :
	\|Portrait caption 3=		\|Portrait caption 3=
	}}		}}
	{{Infobox V3/Fin}}		{{Infobox V3/Fin Documentation}}
	<pre>		<pre>
	{{Infobox V3/Portrait		{{Infobox V3/Portrait

Alakihel le 28 mai 2025 à 21:07

2025-05-28T21:07:14Z

← Version précédente		Version du 28 mai 2025 à 21:07
Ligne 85 :		Ligne 85 :
	\|Titre portrait 2=Portrait officiel		\|Titre portrait 2=Portrait officiel
	\|Portrait caption 2=		\|Portrait caption 2=
			\|Portrait 3=Ejheril Reïls portrait jeune.png
			\|Titre portrait 3=Portrait officiel
			\|Portrait caption 3=
	}}		}}
	{{Infobox V3/Fin}}		{{Infobox V3/Fin}}
Ligne 95 :		Ligne 98 :
	\|Titre portrait 2=Portrait officiel		\|Titre portrait 2=Portrait officiel
	\|Portrait caption 2=		\|Portrait caption 2=
			\|Portrait 3=Ejheril Reïls portrait jeune.png
			\|Titre portrait 3=Portrait officiel
			\|Portrait caption 3=
	}}		}}
	</pre>		</pre>
Ligne 127 :		Ligne 133 :

	== 🧰 CSS recommandé ==		== 🧰 CSS recommandé ==
	Pour que les portraits aient une taille cohérente et soient automatiquement rognés (crop), ajoute ce code dans `MediaWiki:Common.css` :		Pour que les portraits aient une taille cohérente et soient automatiquement rognés (crop), ajoute ce code dans MediaWiki:Common.css :
	<pre>		<pre>
	.infobox-portrait-cropped img {		.infobox-portrait-cropped img {

Alakihel le 28 mai 2025 à 20:46

2025-05-28T20:46:40Z

← Version précédente		Version du 28 mai 2025 à 20:46
Ligne 3 :		Ligne 3 :

	== 📘 Description ==		== 📘 Description ==
	Ce modèle affiche jusqu’à trois portraits sous forme d’onglets grâce au système de navigation `tabber`.		Ce modèle affiche jusqu’à trois portraits 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.		Il adapte automatiquement les images à une taille uniforme (300 px de haut, largeur 100 %) grâce à une classe CSS dédiée.

Alakihel le 28 mai 2025 à 20:42

2025-05-28T20:42:28Z

← Version précédente		Version du 28 mai 2025 à 20:42
Ligne 99 :		Ligne 99 :
	{{clr}}		{{clr}}
	</div>		</div>

	~~== 🧩 Paramètres ==~~
	~~== 🧩 Paramètres ==~~

	== 🧩 Paramètres ==		== 🧩 Paramètres ==

Alakihel : /* 🧩 Paramètres */

2025-05-28T20:42:14Z

🧩 Paramètres

← Version précédente		Version du 28 mai 2025 à 20:42
Ligne 101 :		Ligne 101 :

	== 🧩 Paramètres ==		== 🧩 Paramètres ==
	~~;Portrait 1, 2, 3 :~~		== 🧩 Paramètres ==
	~~: Nom du fichier de l’image sans préfixe `File:` ou `Fichier:`.~~

	~~;Titre portrait 1, 2, 3 :~~		== 🧩 Paramètres ==
	~~: Titre affiché au-dessus de chaque image.~~

	;Portrait caption 1, 2, 3 :		{\| class="wikitable"
	~~: Description courte~~ affichée sous ~~chaque~~ image.		! Nom du paramètre !! Description !! Obligatoire
			\|-
			\| <code>Portrait 1</code> \|\| Nom du fichier de la première image sans le préfixe File: \|\| Oui
			\|-
			\| <code>Titre portrait 1</code> \|\| Titre affiché au-dessus de la première image \|\| Non
			\|-
			\| <code>Portrait caption 1</code> \|\| Légende affichée sous la première image \|\| Non
			\|-
			\| <code>Portrait 2</code> \|\| Nom du fichier de la deuxième image \|\| Non
			\|-
			\| <code>Titre portrait 2</code> \|\| Titre affiché au-dessus de la deuxième image \|\| Non
			\|-
			\| <code>Portrait caption 2</code> \|\| Légende affichée sous la deuxième image \|\| Non
			\|-
			\| <code>Portrait 3</code> \|\| Nom du fichier de la troisième image \|\| Non
			\|-
			\| <code>Titre portrait 3</code> \|\| Titre affiché au-dessus de la troisième image \|\| Non
			\|-
			\| <code>Portrait 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.		⚠️ Les images 2 et 3 sont facultatives. Si seule l’image 1 est renseignée, elle s’affiche seule, sans onglets.

Alakihel le 28 mai 2025 à 20:38

2025-05-28T20:38:26Z

← Version précédente		Version du 28 mai 2025 à 20:38
Ligne 3 :		Ligne 3 :

	== 📘 Description ==		== 📘 Description ==
	Ce modèle affiche ~~un ou deux~~ portraits ~~dans une infobox, avec un titre et une légende facultatifs~~.		Ce modèle affiche jusqu’à trois portraits sous forme d’onglets grâce au système de navigation `tabber`.
	Il ~~s’adapte~~ automatiquement :		Il adapte automatiquement les images à une taille uniforme (300 px de haut, largeur 100 %) grâce à une classe CSS dédiée.
	* à ~~'''~~une ~~seule image'''~~, ~~qu’il affiche en grand (250px~~),
	* ou à '''deux images''', qu’il présente dans ~~un onglet interactif avec le modèle <code><tabber></code>~~.		Ce système permet une présentation élégante et cohérente des portraits dans les infoboxes.

	== 🔧 Syntaxe ==		== 🔧 Syntaxe ==
	<~~syntaxhighlight lang="text"~~>		Utilisation standard du modèle dans une infobox ou une page :
	{{~~Infobox V3/Portrait~~		<pre>
	\|Portrait 1=		{{NomDuModèle
	\|Titre portrait 1=		\| Portrait 1 = NomImage1.jpg
	\|Portrait caption 1=		\| Titre portrait 1 = Légende 1
	\|Portrait 2=		\| Portrait caption 1 = Description 1
	\|Titre portrait 2=		\| Portrait 2 = NomImage2.jpg
	\|Portrait caption 2=		\| Titre portrait 2 = Légende 2
	\|Portrait 3=		\| Portrait caption 2 = Description 2
	\|Titre portrait 3=		\| Portrait 3 = NomImage3.jpg
	\|Portrait caption 3=		\| Titre portrait 3 = Légende 3
			\| Portrait caption 3 = Description 3
	}}		}}
	</~~syntaxhighlight~~>		</pre>

	== 🧪 Exemples ==		== 🧪 Exemples ==
Ligne 100 :		Ligne 101 :

	== 🧩 Paramètres ==		== 🧩 Paramètres ==
	~~{\| class="wikitable"~~		;Portrait 1, 2, 3 :
	~~! Paramètre !! Description !! Obligatoire~~		: Nom du fichier de l’image sans préfixe `File:` ou `Fichier:`.
	\|-
	~~\| <code>~~Portrait 1~~</code> \|\| Nom du fichier image principal \|\| Oui ✅~~
	\|-
	~~\| <code>Titre portrait 1</code> \|\| Titre au-dessus de la première image \|\| Non~~
	\|-
	~~\| <code>Portrait caption 1</code> \|\| Légende sous la première image \|\| Non~~
	\|-
	~~\| <code>Portrait 2</code> \|\|~~ Nom du ~~second~~ fichier ~~image \|\| Non~~
	\|-
	~~\| <code>Titre portrait 2</code> \|\| Titre au-dessus~~ de ~~la deuxième image \|\| Non~~
	\|-
	~~\| <code>Portrait caption 2</code> \|\| Légende sous la deuxième image \|\| Non~~
	\|}

	~~== Comportement ==~~		;Titre portrait 1, 2, 3 :
	* Si <code>Portrait 2~~</code> est fourni~~, ~~les deux portraits sont affichés dans des onglets <code><tabber></code>.~~		: Titre affiché au-dessus de chaque image.
	* Si seul <code>Portrait 1</code> est présent, il est affiché ~~centré avec son titre et sa légende (si fournis).~~
	* Si aucun portrait n’est renseigné, rien ne s’affiche.

	~~== 🧰 CSS recommandé ==~~		;Portrait caption 1, 2, 3 :
			: Description courte affichée sous chaque image.

	~~Ajoute ces règles à ta page <code>MediaWiki:Common~~.~~css</code> si ce n’est pas encore fait :~~		⚠️ Les images 2 et 3 sont facultatives. Si seule l’image 1 est renseignée, elle s’affiche seule, sans onglets.
	~~<syntaxhighlight lang="css">~~
	.~~infobox-center {~~
	~~text-align: center;~~
	~~margin: 0 auto;~~
	}

	.infobox-LO {		== 🧰 CSS recommandé ==
	~~padding~~: ~~0.5em~~;		Pour que les portraits aient une taille cohérente et soient automatiquement rognés (crop), ajoute ce code dans `MediaWiki:Common.css` :
			<pre>
			.infobox-portrait-cropped img {
			width: 100%;
			height: 300px;
			object-fit: cover;
			object-position: center;
	}		}
			</pre>

	~~.infobox-caption {~~		Et appelle les images dans le modèle comme ceci :
	~~font-size: 90%;~~		<pre>
	~~font-style: italic;~~		[[File:{{{Portrait 1}}}\|class=infobox-portrait-cropped]]
	~~margin-top~~: ~~0.3em;~~		</pre>
	}
	<~~/syntaxhighlight~~>

	~~== Voir aussi ==~~
	* [[~~Modèle~~:~~Infobox V3/Début~~]]
	* [[Modèle:Infobox V3/~~Fin]]~~
	* [[Modèle:Infobox V3/Tableau Ligne mixte]]

	[[~~Catégorie~~:~~Modèle d’infobox~~]]		== 🔗 Voir aussi ==
	[[~~Catégorie~~:~~Infobox V3~~]]		* [[Modèle:Infobox]]
	[[~~Catégorie~~:~~Modèle avec image~~]]		* [[Aide:Images]]
			* [[MediaWiki:Common.css]]

Alakihel : /* Trois portraits */

2025-05-28T20:31:03Z

Trois portraits

← Version précédente		Version du 28 mai 2025 à 20:31
Ligne 75 :		Ligne 75 :

	=== Trois portraits ===		=== Trois portraits ===
			<div>
	{{Infobox V3/Début}}		{{Infobox V3/Début}}
	{{Infobox V3/Portrait		{{Infobox V3/Portrait
Ligne 96 :		Ligne 97 :
	</pre>		</pre>
	{{clr}}		{{clr}}
			</div>

	== 🧩 Paramètres ==		== 🧩 Paramètres ==

Alakihel : /* Deux portraits */

2025-05-28T20:30:43Z

Deux portraits

← Version précédente		Version du 28 mai 2025 à 20:30
Ligne 44 :		Ligne 44 :

	=== Deux portraits ===		=== Deux portraits ===
			<div>
	{{Infobox V3/Début}}		{{Infobox V3/Début}}
	{{Infobox V3/Portrait		{{Infobox V3/Portrait
Ligne 71 :		Ligne 72 :
	</pre>		</pre>
	{{clr}}		{{clr}}
			</div>

	=== Trois portraits ===		=== Trois portraits ===

Alakihel : /* Un seul portrait */

2025-05-28T20:30:26Z

Un seul portrait

← Version précédente		Version du 28 mai 2025 à 20:30
Ligne 25 :		Ligne 25 :
	== 🧪 Exemples ==		== 🧪 Exemples ==
	=== Un seul portrait ===		=== Un seul portrait ===
			<div>
	{{Infobox V3/Début Documentation}}		{{Infobox V3/Début Documentation}}
	{{Infobox V3/Portrait		{{Infobox V3/Portrait
Ligne 40 :		Ligne 41 :
	</pre>		</pre>
	{{clr}}		{{clr}}
			</div>

	=== Deux portraits ===		=== Deux portraits ===

Modèle:Infobox V3/Portrait/Documentation - Historique des versions

Alakihel le 27 juin 2025 à 07:46

Alakihel : /* 🧪 Exemples */

Alakihel le 28 mai 2025 à 21:07

Alakihel le 28 mai 2025 à 20:46

Alakihel le 28 mai 2025 à 20:42

Alakihel : /* 🧩 Paramètres */

Alakihel le 28 mai 2025 à 20:38

Alakihel : /* Trois portraits */

Alakihel : /* Deux portraits */

Alakihel : /* Un seul portrait */

Alakihel : /* 🧪 Exemples */

Alakihel : /* 🧩 Paramètres */

Alakihel : /* Trois portraits */

Alakihel : /* Deux portraits */

Alakihel : /* Un seul portrait */