Template:Composition bar/doc: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
m (update /doc) |
(updating parameters and examples) |
||
Line 6: | Line 6: | ||
== Usage == |
== Usage == |
||
<nowiki>{{</nowiki>Composition bar|''amount''|''total''|''bar-color''| |
<nowiki>{{</nowiki>Composition bar|''amount''|''total''|''bar-color''|''options...''}} |
||
; amount |
; amount |
||
: is the number of sub-units |
: The first parameter is the number of sub-units. |
||
; total |
; total |
||
: is the total number of sub-units possible |
: The second parameter is the total number of sub-units possible. |
||
; bar-color |
; bar-color |
||
: (default is |
: (default is very dark grey, nearly black) The third parameter is the background color of the left part of the bar - a valid [[web colors|web color]], which can be specified by name, as a [[hex triplet]] (#rrbbgg), or rgb triplet (rgb(0–255,0–255,0–255)).<br />In the case of political parties, most will have their logo color available in {{tld|political party/meta/color}} templates. |
||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
Additional display options: |
|||
⚫ | |||
⚫ | |||
⚫ | |||
; color=... |
|||
: (default is white) is the color of the text |
|||
; border-color=... |
|||
: (default is no border) is the color of a border around the bar |
|||
; text-shadow=... |
|||
: (default is black) is the color of the shadow around the text |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
; perstyle=... |
|||
: (default is none), additional style declarations for the percentage text |
|||
⚫ | Some older Web browsers do not render text-shadows, so the text should ideally have enough contrast on its own. If the bar color is light, darken the color, and lighten the background-color and text-shadow. See the second and third examples below. [http://snook.ca/technical/colour_contrast/colour.html Snook's Colour Contrast Check] may be used to check compliance with [[WCAG]] guidelines for contrast. |
||
== Examples == |
== Examples == |
||
Line 31: | Line 41: | ||
| {{Composition bar|50|100|red}} |
| {{Composition bar|50|100|red}} |
||
|- |
|- |
||
| style="font-size: 95%"| <code><nowiki>{{Composition bar|50|100| |
| style="font-size: 95%"| <code><nowiki>{{Composition bar|50|100|pink|color=#000|text-shadow=#FFF|background-color=#CCC}}</nowiki></code> |
||
| {{Composition bar|50|100| |
| {{Composition bar|50|100|pink|color=#000|text-shadow=#FFF|background-color=#CCC}} |
||
|- |
|||
| style="font-size: 95%"| <code><nowiki>{{Composition bar|50|100|red|color=#FFF|background-color=#000}}</nowiki></code> |
|||
| {{Composition bar|50|100|red|color=#FFF|background-color=#000}} |
|||
|- |
|- |
||
| style="font-size: 95%"| <code><nowiki>{{Composition bar|50|100|#99F}}</nowiki></code> |
| style="font-size: 95%"| <code><nowiki>{{Composition bar|50|100|#99F|color=#000|text-shadow=#FFF|background-color=transparent|border-color=#336}}</nowiki></code> |
||
| {{Composition bar|50|100|#99F}} |
| {{Composition bar|50|100|#99F|color=#000|text-shadow=#FFF|background-color=transparent|border-color=#336}} |
||
|- |
|- |
||
| style="font-size: 95%"| <code><nowiki>{{Composition bar|50|100|{{Green Party (UK)/meta/color}}}}</nowiki></code> |
| style="font-size: 95%"| <code><nowiki>{{Composition bar|50|100|{{Green Party (UK)/meta/color}}}}</nowiki></code> |
||
Line 46: | Line 53: | ||
| {{Composition bar|50|100|rgb(255,255,16)}} |
| {{Composition bar|50|100|rgb(255,255,16)}} |
||
|- |
|- |
||
| style="font-size: 95%"| <code><nowiki>{{Composition bar|75|100|#FF0|width= |
| style="font-size: 95%"| <code><nowiki>{{Composition bar|75|100|#FF0|width=80%}}</nowiki></code> |
||
| {{Composition bar|75|100|#FF0|width= |
| {{Composition bar|75|100|#FF0|width=80%}} |
||
|- |
|- |
||
| style="font-size: 95%"| <code><nowiki>{{Composition bar|40|100|#F00 |
| style="font-size: 95%"| <code><nowiki>{{Composition bar|40|100|#F00|per=1}}</nowiki></code> |
||
| {{Composition bar|40|100|#F00 |
| {{Composition bar|40|100|#F00|per=1}} |
||
|- |
|- |
||
| style="font-size: 95%"| <code><nowiki>{{Composition bar|90|100|#F0F0F0 |
| style="font-size: 95%"| <code><nowiki>{{Composition bar|90|100|#F0F0F0|per=2|background-color=#F00}}</nowiki></code> |
||
| {{Composition bar|90|100|#F0F0F0 |
| {{Composition bar|90|100|#F0F0F0|per=2|background-color=#F00}} |
||
|- |
|- |
||
| style="font-size: 95%"| <code><nowiki>{{Composition bar|90|100|#F0C |
| style="font-size: 95%"| <code><nowiki>{{Composition bar|90|100|#F0C|per=1}}</nowiki></code> |
||
| {{Composition bar|90|100|#F0C |
| {{Composition bar|90|100|#F0C|per=1|color=#FFF}} |
||
|} |
|} |
||