Difference between revisions of "Widget:Skill Tree"
Jump to navigation
Jump to search
| Line 12: | Line 12: | ||
<div id="skillmagic01<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((1794 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (1744 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | <div id="skillmagic01<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((1794 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (1744 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | ||
| − | <div id="skillmagic02<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc(( | + | <div id="skillmagic02<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((1217 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (996 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> |
| + | <div id="skillmagic03<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((1407 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (996 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | ||
| + | <div id="skillmagic04<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((1599 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (996 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | ||
| + | <div id="skillmagic05<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((1791 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (996 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | ||
| + | <div id="skillmagic06<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((1983 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (996 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | ||
| + | <div id="skillmagic07<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((2175 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (996 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | ||
| − | <div id=" | + | <div id="skillmagic08<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((1408 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (772 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> |
| + | <div id="skillmagic09<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((1599 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (772 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | ||
| + | <div id="skillmagic10<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((1791 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (772 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | ||
| + | <div id="skillmagic11<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((2047 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (772 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | ||
| + | <div id="skillmagic12<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((2175 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (772 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | ||
| + | <div id="skillmagic13<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((2304 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (772 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | ||
| − | <div id=" | + | <div id="skillmagic14<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((1216 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (548 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> |
| + | <div id="skillmagic15<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((1407 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (548 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | ||
| + | <div id="skillmagic16<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((1791 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (548 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | ||
| + | <div id="skillmagic17<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((2175 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (548 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | ||
| + | <div id="skillmagic18<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((2304 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (548 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | ||
| − | <div id=" | + | <div id="skillmagic19<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((1408 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (387 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> |
| + | <div id="skillmagic20<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((2175 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (387 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | ||
| − | + | <div id="skillmagic21<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((1185 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (290 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | |
| − | + | <div id="skillmagic22<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((1408 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (290 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | |
| − | + | <div id="skillmagic23<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((2175 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (290 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);display:none;background-size:cover;background-image: url('https://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->"> </div> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | <div id="skillmagic21<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc(( | ||
| − | |||
| − | <div id="skillmagic22<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc(( | ||
| − | |||
| − | <div id="skillmagic23<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 128px);left:calc((2175 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * ( | ||
<div id="skillcombat" class="libre" style="color: white;position: absolute;top: 407px;left: 371px;font-weight:bold;font-size:12px;z-index: 100;">COMBAT</div> | <div id="skillcombat" class="libre" style="color: white;position: absolute;top: 407px;left: 371px;font-weight:bold;font-size:12px;z-index: 100;">COMBAT</div> | ||
Revision as of 11:25, 9 April 2019
This widget inserts an imagemap of the skills.
Parameters
- width
- Width of the skills pane, in pixels. Default is 1024 pixels.
Special Parameters
- seed
- If included more than once on a page, you can override this value so the imagemap and layers are controlled separately in each. The default seed value is '0'.