Modèle:Légende
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
Ce 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
{{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
1- 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
Liste 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
Affichage avec bordure par défaut
{{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
{{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
{{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
{{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é
Il 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
Il 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
Lé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 |
Voir aussi
- 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).
- 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.
La documentation de ce modèle est générée par le modèle {{Documentation}}.
Elle est incluse depuis sa sous-page de documentation. Veuillez placer les catégories sur cette page-là.
Les éditeurs peuvent travailler dans le bac à sable (créer) et la page de test (créer).
Voir les statistiques d'utilisation du modèle sur l'outil wstat.