Template:CIO: Difference between revisions

From Elwiki
No edit summary
No edit summary
 
(31 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<includeonly><div style="position: relative; width:26px; height:30px; display: inline-block; vertical-align: middle"><div style="position: absolute; top:0px; left: 0; z-index: 2">[[File:{{#switch:{{{2|}}}|Hold=IconHoldIndicator.png|Long=IconLongIndicator.png|#default=IndictorOverlay.png}}|{{#switch: {{{2|}}}|Hold|Long=80x26px|#default=26px}}]]</div> <div style="position: absolute;">[[File:{{#if:{{{1|}}}|{{{1}}}|}}.png|26px]]</div></div></includeonly><noinclude>{{Doc}}</noinclude>
<includeonly><span class="combo-overlay" style="position: relative; {{#switch: {{{2|}}}|Hold|Long=width:54px;|Con=width:44px;|#default=width:26px}}; height:26px; display: inline-block; vertical-align: middle; margin: 0 1px;"><span style="position: absolute; top:0px; left: 0; z-index: 2; pointer-events: none;">[[File:{{#switch:{{{2|}}}|Hold=IconHoldIndicator|Long=IconLongIndicator|Con=IconConIndicator|#default=IndictorOverlay}}.png|{{#switch: {{{2|}}}|Hold|Long=80x26px|Con=45x26px|#default=26px}}]]</span> <span style="position: absolute; display: block;">[[File:{{#if:{{{1|}}}|{{{1}}}|}}.png|{{#switch: {{{2|}}}|Hold=59x26px|Long=54x32px|Con=44x26px|#default=26px}}]]</span></span></includeonly><noinclude>{{Doc}}</noinclude>

Latest revision as of 10:23, 12 December 2022

Information: If you want to test this template, please use Sandbox.
This documentation is transcluded from Template:CIO/doc.

What is it used for?

CIO, short for Combo Icon Overlay
This is an overlay template that can be used to indicate a particular command within a combo.

For example, the outline will overlay the combo to become .

How to use

Code

{{CIO|ComboIcon|Icontype}}

Parameters

  • {{CIO|ComboIcon}} - the combo icon that you wish to use.
  • {{CIO|ComboIcon|Icontype}} - Uses either Long, Hold or Con for rectangular and hold icons icons. Leave blank for squares.
    • Long -
    • Hold -
    • Con -
      • Do note that the overlay will most likely cover existing icons with color borders.

Examples

{{CIO|X}}

result:


{{CIO|DZ|Long}}

result:


{{CIO|ConZ|Con}}

result:


{{CIO|HoldZ|Hold}}

result:


{{CIO|NAZ}}

result:


{{CIO|RoX}}

result: