Template:Iconbar

This template creates a bar made of icons.

{{iconbar
|value=
|title=
|size=
|full=
|half=
|empty=
|reverse=
|total=
|offset=
}}

Parameter	Function	Default value
value	Integer value between 0 and 20. One "full" icon is shown for each increase of 2 to value (e.g. three are shown if value is 6 or 7, etc.), and if value is odd, a "half" icon is shown at the end of the bar.	0
title	Mouseover text. If this parameter isn't specified, it falls back to value.	None
size	Width of each icon in CSS units like "px" or "em". Units default to "px".	None
full	"Full" icon. One of these is shown for each increase of 2 to value (e.g. three are shown if value is 6 or 7, etc.).	None
half	"Half" icon, used at the end of the bar if value is odd.	None
empty	"Empty" icon, used if value is 0 or if total is used and is higher than value.	None
reverse	Pass a value to display the "half" icon on the left end of the bar instead of the right.	None
total	Minimum number of icons to be shown. If value is lower than this, empty icons are shown to reach the minimum.	None
offset	Offset between the icons. Negative values will overlap the icons.	-(size/9)

Examples

• 4/10 HP

  {{iconbar|value=4|title=|size=|full=Heart.png|half=Half Heart.png|empty=Empty Heart.png|reverse=|total=10}}

• 4/10 HP large

  {{iconbar|value=4|title=|size=18px|full=Heart.png|half=Half Heart.png|empty=Empty Heart.png|reverse=|total=10}}

• 5/10 HP with title

  {{iconbar|value=5|title=Lorem ipsum|size=|full=Heart.png|half=Half Heart.png|empty=Empty Heart.png|reverse=|total=10}}

• 5/10 HP mob reversed with title

  {{iconbar|value=5|title=Lorem ipsum|size=|full=Mob Heart.png|half=Mob Half Heart.png|empty=Empty Heart.png|reverse=yess|total=10}}

• 4/10 HP large with offset between them

  {{iconbar|value=4|title=|size=18px|full=Heart.png|half=Half Heart.png|empty=Empty Heart.png|reverse=|total=10|offset=5px}}