Vorlage:Farblegende
Aus Kitakien
(Unterschied zwischen Versionen)
(text-align:left damit Farblegenden in Bildbeschriftungen bei der Druckversion immer noch linksbündig sind.) |
(Vereinfachte Formatierung ohne U+FEFF, Tooltips für Farbbox durch title und bei Bildbeschriftungen über style="display:none".) |
||
Zeile 1: | Zeile 1: | ||
- | <includeonly><div style="border:none;background:none;text-align:left"><span style="border-left: 1.2em solid; border-left-color: {{{1}}};"> | + | <includeonly><div style="border:none;background:none;text-align:left"><span style="border-left: 1.2em solid; border-left-color: {{{1}}};" title="Farbe {{{1}}}"><span style="display: none;">Farbe {{{1}}}:</span> </span>{{{2|}}}</div></includeonly><noinclude>{{Dokumentation}} |
</noinclude> | </noinclude> |
Version vom 07:39, 9. Sep. 2009
[Vorschau] [bearbeiten] [Version/Autoren] [erneuern]
Datei:Information.svg Dokumentation
Zeigt eine Legende mit farbigen Flächen an.
Benutzung
{{Farblegende|Farbcode|Beschriftung}} {{Farblegende|Farbcode|Beschriftung|Farbname}}
Der Farbcode wird an die CSS-Eigenschaft border-left-color
weitergereicht. Benannte Webfarben wie zum Beispiel red
sollten der Lesbarkeit wegen bevorzugt werden. Erlaubt ist aber auch jede andere innerhalb von CSS gültige Schreibweise, zum Beispiel #FF0000
, #F00
oder rgb(100%, 0%, 0%)
.
Der optionale, natürlichsprachliche Farbname wird als Tooltip sowie in Druck- und PDF-Ansichten angezeigt und richtet sich unter anderem an blinde Benutzer.
Beispiele
Eingabe | Ergebnis |
---|---|
{{Farblegende|black|Afrika}} |
|
{{Farblegende}} |
|
{{Farblegende|red}} |
|
{{Farblegende|red|Beispiel}} |
|
{{Farblegende|red|Beispiel|Rot}} |
|
Siehe auch
- Vorlage:Farbindex – ähnlich wie Farblegende, aber mit Rahmen, und erzwingt keinen Zeilenumbruch, sodass man auch zwei Boxen nebeneinander setzen kann
- Vorlage:Linienlegende – für Linien anstatt Fächen
- Vorlage:Farbmuster – große Box für Artikel über Farben
Wenn du Fragen zu dieser Vorlage hast, dann kannst du auf der Seite Kitakien Diskussion:Wikiprojekt Vorlage fragen. |
Datei:Information icon.svg |
|