Difference between revisions of "Template:Color sample"

From blackwiki
Jump to navigation Jump to search
imported>Thnidu
(Documentation: explained the hidden difference between the second and third examples, which both seem to use hex code for RGB.)
imported>Graham87
(move documentation to /doc subpage)
Line 1: Line 1:
 
<span style="display:inline-block;width:1em;height:1em;border:1.62px solid {{{border|black}}};background:{{{1}}};" title="{{{description|{{{1}}}}}}">&emsp;</span><noinclude>
 
<span style="display:inline-block;width:1em;height:1em;border:1.62px solid {{{border|black}}};background:{{{1}}};" title="{{{description|{{{1}}}}}}">&emsp;</span><noinclude>
{{documentation|content=
+
{{Documentation}}
 
+
<!-- Categories go on the /doc subpage, and interwikis go on Wikidata. -->
==Usage==
 
{{tbullet|Color sample|red}}
 
{{tbullet|Color sample|#00FF00}}
 
{{tbullet|Color sample|{{Independent (politician)/meta/color}}}}<br>(Instead of specifying a color directly, this example uses <code><nowiki>{{Independent (politician)/meta/color}}</nowiki></code>, which generates <code>#DDDDDD</code>.)
 
 
 
==See also==
 
*[[Template:Swatch-inline]]
 
*[[Template:Swatch]]
 
*[[List of colors]]
 
 
 
}}
 
 
 
[[Category:Color templates]]
 
 
 
 
</noinclude>
 
</noinclude>

Revision as of 07:28, 31 January 2017

Template documentation[view] [edit] [history] [purge]

Usage

  • {{Color sample|red}} → 
  • {{Color sample|#00FF00}} → 
  • {{Color sample|#00FF00|description=green}} → 
    Adds a description of the color for screen reader users
  • {{Color sample|{{Independent politician/meta/color}}}} → 
    (Instead of specifying a color directly, this example uses {{Independent politician/meta/color}}, which generates #DDDDDD.)

Note: When hovered over, the template shows the value used for color as a tooltip by default. This is also heard by a screen reader. An optional parameter, |description= can be used to change that to something more user-friendly, as shown in the third example.

See also