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

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.

Personnaliser l'interface

Données clés
Aide • Exemples
Fonctions avancées
Apparence Vector
Apparence Timeless
Projet:Scripts et gadgets
(en) User styles

CSS
common.css personnel
Common.css commun
Monobook.css commun
Vector.css commun
(en) Catalogue of classes
Index des propriétés CSS2

JavaScript
common.js personnel
Common.js commun
Fonctions JavaScript

Utilisation[modifier le code]

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

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

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

Voir aussi[modifier le code]