Modèle:Début d'illustration/Documentation

Données clés
	Aide • Exemples
	Fonctions avancées
	Apparence Vector
	Apparence Timeless
	Projet:Scripts et gadgets
	(en) User styles
	common.css personnel
	Common.css commun
	Monobook.css commun
	Vector.css commun
	(en) Catalogue of classes
	Index des propriétés CSS2
	common.js personnel
	Common.js commun
	Fonctions JavaScript

Ceci est la page de documentation de Modèle:Début d'illustration [modifier] [purger].

Cette sous-page contient les instructions et les catégories de son modèle d'origine et elle n'est pas destinée à être visualisée directement.

Ce modèle « catégorise » la page qui l’emploie dans la catégorie Page utilisant un modèle avec une syntaxe erronée (lorsque la légende (paramètre 2) est omise).

Utilisation

Les modèles {{Début d'illustration}} et {{Fin d'illustration}} émulent l'affichage de type thumb des images ; mais est plus souple d'emploi car il permet tout contenu et, en particulier, l'inclusion d'images complétées et de cartes complétées.

Note: L'emploi de la classe « thumb » a été temporairement supprimé, car le code CSS associé est trop pourri (Voir Modèle:Début d'illustration).

Syntaxes

{{Début d'illustration|1=alignement|largeur=largeur}}
<!--...-->
{{Fin d'illustration|1=image|2=légende}}

Paramètres de {{Début d'illustration}}

1 : l'alignement de l'illustration : left ou gauche ; none ou vierge ; right ou droite (facultatif, « right » par défaut).
largeur : largeur sans l'unité (px) du cadre intérieur de l'illustration (facultatif, mais nécessaire pour les images).

Paramètres de {{Fin d'illustration}}

1 : le nom de l'image incluse doit être reporté (facultatif, pas de pictogramme « Agrandir » par défaut).
2 ou légende : la légende (obligatoire)

Exemples

Code wiki Rendu

{{Début d'illustration}}
{{Planche/Squelette humain|largeur=300}}
{{Fin d'illustration
|Human skeleton front no-text no-color.svg
|Anatomie du squelette humain.}}

Anatomie du squelette humain.

Exemple sans la largeur : l'absence de cette largeur provoque un dysfonctionnement avec certains navigateurs (voir Discussion modèle:Début d'illustration#Ajout de la largeur)

{{Début d'illustration|}}
{{Début de carte}}<!--
-->[[Fichier:{{Géolocalisation/Iran|image}}|200px]]
{{G|Iran|34.08|49.70|Arak (Iran){{!}}Arak|Ville|2|se}}
{{Fin de carte}}
{{Fin d'illustration
|{{Géolocalisation/Iran|image}}
|Arak est au centre de la province de Markazi.}}
Pour cet exemple, l'emploi de
{{M|Carte avec géolocalisation}}
est plus indiqué {{clin}}.

Arak

Arak est au centre de la province de Markazi.

Pour cet exemple, l'emploi de {{Carte avec géolocalisation}} est plus indiqué .

Exemple avec la largeur :

{{Début d'illustration||largeur=200}}
{{Début de carte}}<!--
-->[[Fichier:{{Géolocalisation/Iran|image}}|200px]]
{{G|Iran|34.08|49.70|Arak (Iran){{!}}Arak|Ville|2|se}}
{{Fin de carte}}
{{Fin d'illustration
|{{Géolocalisation/Iran|image}}
|Arak est au centre de la province de Markazi.}}
Pour cet exemple, l'emploi de
{{M|Carte avec géolocalisation}}
est plus indiqué {{clin}}.

Arak

Arak est au centre de la province de Markazi.

Pour cet exemple, l'emploi de {{Carte avec géolocalisation}} est plus indiqué .

{{Début d'illustration|left|largeur=150}}
{{Début de carte}}<!--
-->[[Fichier:{{Géolocalisation/Essonne|image}}|150px]]
{{G|Essonne|48.623832|2.4595664|Évry}}
{{Fin de carte}}
{{Fin d'illustration
|{{Géolocalisation/Essonne|image}}
|Position d'Évry en Essonne.}}
'''Évry''' est située dans la [[Région (France)|région]]
d'[[Île-de-France]], au [[sud]] de l'[[agglomération parisienne]]
et au nord-est du [[Département (France)|département français]] de
l'[[Essonne (département)|Essonne]], à la frontière
entre les [[Région naturelle de France|régions naturelles]]
du [[Hurepoix]], du [[Gâtinais]] et de la [[Brie française]].

Position d'Évry en Essonne.

Évry est située dans la région d'Île-de-France, au sud de l'agglomération parisienne et au nord-est du département français de l'Essonne, à la frontière entre les régions naturelles du Hurepoix, du Gâtinais et de la Brie française.

On peut également centrer
avec le placement « <code>none</code> » :
<div style="text-align: center;">{{Début d'illustration|none}}
<div style="width:200px;">
Ces modèles peuvent également placer
un texte en illustration
comme le fait {{M|Encadré texte}}.
</div>
{{Fin d'illustration
|2=Un exemple sans image.}}
</div>

On peut également centrer avec le placement « none » :

Ces modèles peuvent également placer un texte en illustration comme le fait {{Encadré texte}}.

Un exemple sans image.

Variantes

Voir aussi