https://wiki.you107657.duckdns.org/index.php?action=history&feed=atom&title=Template%3AIconbar%2FdocTemplate:Iconbar/doc - Revision history2026-09-26T23:44:26ZRevision history for this page on the wikiMediaWiki 1.43.9https://wiki.you107657.duckdns.org/index.php?title=Template:Iconbar/doc&diff=12709&oldid=previmported>Merge: merge.py2026-09-25T10:55:52Z<p>merge.py</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 10:55, 25 September 2026</td>
</tr><tr><td colspan="4" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div>
</td></tr>
<!-- diff cache key tensura:diff:1.41:old-4892:rev-12709 -->
</table>imported>Mergehttps://wiki.you107657.duckdns.org/index.php?title=Template:Iconbar/doc&diff=4892&oldid=previmported>Merge: merge.py2026-09-25T10:55:52Z<p>merge.py</p>
<p><b>New page</b></p><div>{{lua}}<br />
This template creates a bar made of icons.<br />
<br />
<pre style="width: 100px">{{iconbar<br />
|value=<br />
|title=<br />
|size=<br />
|full=<br />
|half=<br />
|empty=<br />
|reverse=<br />
|total=<br />
|offset=<br />
}}</pre><br />
<br />
{| class="wikitable"<br />
! Parameter<br />
! Function<br />
! Default value<br />
|-<br />
| <code>value</code><br />
| Integer value between 0 and 20. One "full" icon is shown for each increase of 2 to <code>value</code> (e.g. three are shown if <code>value</code> is 6 or 7, etc.), and if <code>value</code> is odd, a "half" icon is shown at the end of the bar.<br />
| 0<br />
|-<br />
| <code>title</code><br />
| Mouseover text. If this parameter isn't specified, it falls back to <code>value</code>.<br />
| ''None''<br />
|-<br />
| <code>size</code><br />
| Width of each icon in CSS units like "px" or "em". Units default to "px".<br />
| ''None''<br />
|-<br />
| <code>full</code><br />
| "Full" icon. One of these is shown for each increase of 2 to <code>value</code> (e.g. three are shown if <code>value</code> is 6 or 7, etc.).<br />
| ''None''<br />
|-<br />
| <code>half</code><br />
| "Half" icon, used at the end of the bar if <code>value</code> is odd.<br />
| ''None''<br />
|-<br />
| <code>empty</code><br />
| "Empty" icon, used if <code>value</code> is 0 or if <code>total</code> is used and is higher than <code>value</code>.<br />
| ''None''<br />
|-<br />
| <code>reverse</code><br />
| Pass a value to display the "half" icon on the left end of the bar instead of the right.<br />
| ''None''<br />
|-<br />
| <code>total</code><br />
| Minimum number of icons to be shown. If <code>value</code> is lower than this, empty icons are shown to reach the minimum.<br />
| ''None''<br />
|-<br />
| <code>offset</code><br />
| Offset between the icons. Negative values will overlap the icons.<br />
| <code>-(size/9)</code><br />
|}<br />
<br />
== Examples ==<br />
*4/10 HP <pre>{{iconbar|value=4|title=|size=|full=Heart.svg|half=Half Heart.svg|empty=Empty Heart.svg|reverse=|total=10}}</pre><br />
:{{iconbar|value=4|title=|size=|full=Heart.svg|half=Half Heart.svg|empty=Empty Heart.svg|reverse=|total=10}}<br />
*4/10 HP large <pre>{{iconbar|value=4|title=|size=18px|full=Heart.svg|half=Half Heart.svg|empty=Empty Heart.svg|reverse=|total=10}}</pre><br />
:{{iconbar|value=4|title=|size=18px|full=Heart.svg|half=Half Heart.svg|empty=Empty Heart.svg|reverse=|total=10}}<br />
*5/10 HP with title <pre>{{iconbar|value=5|title=Lorem ipsum|size=|full=Heart.svg|half=Half Heart.svg|empty=Empty Heart.svg|reverse=|total=10}}</pre><br />
:{{iconbar|value=5|title=Lorem ipsum|size=|full=Heart.svg|half=Half Heart.svg|empty=Empty Heart.svg|reverse=|total=10}}<br />
*5/10 HP mob reversed with title <pre>{{iconbar|value=5|title=Lorem ipsum|size=|full=Mob Heart.svg|half=Mob Half Heart.svg|empty=Empty Heart.svg|reverse=yess|total=10}}</pre><br />
:{{iconbar|value=5|title=Lorem ipsum|size=|full=Mob Heart.svg|half=Mob Half Heart.svg|empty=Empty Heart.svg|reverse=yess|total=10}}<br />
*4/10 HP large with offset between them <pre>{{iconbar|value=4|title=|size=18px|full=Heart.svg|half=Half Heart.svg|empty=Empty Heart.svg|reverse=|total=10|offset=5px}}</pre><br />
:{{iconbar|value=4|title=|size=18px|full=Heart.svg|half=Half Heart.svg|empty=Empty Heart.svg|reverse=|total=10|offset=5px}}</div>imported>Merge