Modèle:Légende/Documentation
Ceci est la page de documentation de Modèle:Légende [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 utilise la feuille de style Légende/styles.css en CSS. Voir l'aide de l'extension TemplateStyles si vous voulez en savoir plus.
Utilisation
modifierCe modèle facilite l'ajout d'une légende à une carte géographique, à un schéma ou à un tableau.
Attention :
Les différents modèles de légendes que sont {{Légende}}, {{Légende hachurée}}, {{Légende double}} et {{Ligne de légende}} doivent obligatoirement êtres ajoutés entre des modèles {{Légende/Début}} et {{Légende/Fin}}.
Syntaxe
modifier{{Légende/Début}}
{{Légende|couleur|légende}}
{{Légende|couleur|légende|bordure=bordure|taille police=taille police}}
{{Légende|texte=texte|légende}}
{{Légende/Fin}}
Paramètres
modifier1- Code couleur CSS envoyé à la propriété
background:du CSS (obligatoire). 2- Texte de la légende (obligatoire).
bordure- Code envoyé à la propriété
border:du CSS (facultatif). - Par défaut :
1px solid grey taille police- Code envoyé à la propriété
font-size:du CSS (facultatif). - Par défaut :
90% texte dans carré- Permet d'indiquer un texte à afficher à l'intérieur du carré de couleur (généralement de un à deux caractères, utilisé par exemple quand plusieurs éléments d'une carte portent la même couleur, et ne sont différenciés que par un chiffre ou une lettre).
Codes couleurs
modifierListe des codes couleurs CSS
| Couleurs classiques | Couleurs claires | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Palette de Windows | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Nom des couleurs | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Plus de détails : Aide:Couleurs/table détaillée, Couleur du Web, Aide:Couleurs | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Exemples
modifier
Affichage avec bordure par défaut
modifier{{Légende/Début}}
{{Légende|black|Afrique}}
{{Légende|green|Amériques}}
{{Légende|blue|Océanie}}
{{Légende|#ff0|Europe}}
{{Légende|#ff2800|Asie}}
{{Légende|texte=n.c.|Non connu}}
{{Légende/Fin}}
- Afrique
- Amériques
- Océanie
- Europe
- Asie
- n.c. : Non connu
Affichage d'une liste horizontale
modifier{{Légende/Début|style=liste}}
{{Légende|black|Afrique}}
{{Légende|green|Amériques}}
{{Légende|blue|Océanie}}
{{Légende|#ff0|Europe}}
{{Légende|#ff2800|Asie}}
{{Légende|texte=n.c.|Non connu}}
{{Légende/Fin}}
- Afrique
- Amériques
- Océanie
- Europe
- Asie
- n.c. : Non connu
Affichage avec bordure personnalisée
modifier{{Légende/Début}}
{{Légende|black|Afrique|bordure=2px solid black}}
{{Légende|green|Amériques|bordure=2px solid black}}
{{Légende|blue|Océanie|bordure=2px solid black}}
{{Légende|#ff0|Europe|bordure=2px solid black}}
{{Légende|#ff2800|Asie|bordure=2px solid black}}
{{Légende|texte=n.c.|Non connu|bordure=2px solid black}}
{{Légende/Fin}}
- Afrique
- Amériques
- Océanie
- Europe
- Asie
- n.c. : Non connu
Affichage sans bordure
modifier{{Légende/Début}}
{{Légende|black|Afrique|bordure=none}}
{{Légende|green|Amériques|bordure=none}}
{{Légende|blue|Océanie|bordure=none}}
{{Légende|#ff0|Europe|bordure=none}}
{{Légende|#ff2800|Asie|bordure=none}}
{{Légende|texte=n.c.|Non connu|bordure=none}}
{{Légende/Fin}}
- Afrique
- Amériques
- Océanie
- Europe
- Asie
- n.c. : Non connu
[[Image:Wine consumption world map.png|none|thumb|upright=2
|alt=Carte du monde montrant une forte consommation en Europe et en Amérique du sud
|Consommation annuelle de vin, par habitant :
{{Légende/Début}}
{{Légende|#eeeeee|moins de 1 litre.}}
{{Légende|#eed4d3|de 1 à 7 litres.}}
{{Légende|#dea2a0|de 7 à 15 litres.}}
{{Légende|#ae6f6d|de 15 à 30 litres.}}
{{Légende|#5f0400|plus de 30 litres.}}
{{Légende/Fin}}]]
- moins de 1 litre.
- de 1 à 7 litres.
- de 7 à 15 litres.
- de 15 à 30 litres.
- plus de 30 litres.
Affichage centré
modifierIl est possible de centrer la légende définissant la valeur du premier paramètre de {{Légende/Début}} à centre. Les couleurs sont alignées sur la gauche, mais l'ensemble de la légende est centrée. Cependant si un élément de légende est long cela revient à avoir la légende à gauche.
[[Image:Wine consumption world map.png|none|thumb|upright=2
|alt=Carte du monde montrant une forte consommation en Europe et en Amérique du sud
|{{centrer|Consommation annuelle de vin, par habitant}}
{{Légende/Début|centre}}
{{Légende|#eeeeee|moins de 1 litre.}}
{{Légende|#eed4d3|de 1 à 7 litres.}}
{{Légende|#dea2a0|de 7 à 15 litres.}}
{{Légende|#ae6f6d|de 15 à 30 litres.}}
{{Légende|#5f0400|plus de 30 litres.}}
{{Légende/Fin}}]]
Consommation annuelle de vin, par habitant
- moins de 1 litre.
- de 1 à 7 litres.
- de 7 à 15 litres.
- de 15 à 30 litres.
- plus de 30 litres.
Légende classée sur plusieurs colonnes
modifierIl est possible d'utiliser les modèles {{Début de colonnes}} et {{Fin de colonnes}} pour mettre la légende sur plusieurs colonnes.
[[Fichier:Wine consumption world map.png|none|thumb|upright=2
|alt=Carte du monde montrant une forte consommation en Europe et en Amérique du sud
|Consommation annuelle de vin, par habitant : {{Début de colonnes|taille=12}}
{{Légende/Début}}
{{Légende|#eeeeee|moins de 1 litre.}}
{{Légende|#eed4d3|de 1 à 7 litres.}}
{{Légende|#dea2a0|de 7 à 15 litres.}}
{{Légende|#ae6f6d|de 15 à 30 litres.}}
{{Légende|#5f0400|plus de 30 litres.}}
{{Légende/Fin}}
{{Fin de colonnes}}]]
- moins de 1 litre.
- de 1 à 7 litres.
- de 7 à 15 litres.
- de 15 à 30 litres.
- plus de 30 litres.
TemplateData
modifierLégende avec un carré de couleur. Il faut toujours ajouter les modèles de légendes entre des modèles {{Légende/Début}} et {{Légende/Fin}}.
| Paramètre | Description | Type | État | |
|---|---|---|---|---|
| Couleur | 1 | Code couleur CSS envoyé à la propriété « background: » du CSS pour la case colorée.
| Ligne de texte | obligatoire |
| Légende | 2 | Texte de la légende. | Chaîne | obligatoire |
| Taille police | taille police | Code envoyé à la propriété « font-size: » du CSS.
| Ligne de texte | facultatif |
| Bordure | bordure | Code envoyé à la propriété « border: » du CSS. Mettre « none » pour désactiver la bordure.
| Ligne de texte | facultatif |
| Texte | texte | Pour une ligne de légende avec mention textuelle à la place de la couleur, texte remplace le carré coloré. | Ligne de texte | facultatif |
| Texte dans carré | texte dans carré | Texte à afficher à l'intérieur du carré de couleur.
| Ligne de texte | facultatif |
Avec d'autres modèles
modifier- Ligne de légende en pointillets rouge (exemple) {{Ligne de légende}}
- Légende hachurée noir et jaune (exemple) {{Légende hachurée}}
- Légende double couleur (exemple) {{légende double}}
Voir aussi
modifier- Modèles de légendes :
- {{Légende}} : légende simple à une seule couleur ;
- {{Légende hachurée}} : pour les légendes hachurées ;
- {{légende double}} : deux couleurs côte à côte, autre variante possible pour les légendes hachurées ;
- {{Ligne de légende}} : légende sous forme d'une ligne horizontale (par exemple pour des frontières ou tracés)exemple:
- Les modèles {{Légende/Début}} et {{Légende/Fin}}, entre lesquels doivent se trouver tous les modèles de légendes.
- Autres modèles :
- {{Carré couleur}} : pour afficher un carré coloré quand il ne s'agit pas d'une légende ;
- {{Liste pour légende}} : pour afficher une liste en légende sans carrés.
- {{Légende0}} : pour afficher une légende sur une seule ligne.