Difference between revisions of "Widget:Skill Tree"
Jump to navigation
Jump to search
| Line 10: | Line 10: | ||
</noinclude><includeonly><div style="width:<!--{$width|escape:'html'|default:'1024'}-->px;height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 1744px);position:relative;"> | </noinclude><includeonly><div style="width:<!--{$width|escape:'html'|default:'1024'}-->px;height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 1744px);position:relative;"> | ||
| − | <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(' | + | <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="skillcombat" style="color: white;position: absolute;top: 406px;left: 373px;z-index: 100;">COMBAT</div> | <div id="skillcombat" style="color: white;position: absolute;top: 406px;left: 373px;z-index: 100;">COMBAT</div> | ||
<div id="skillmagic" style="color: white;position: absolute;top: 336px;left: 487px;z-index: 100;">MAGIC</div> | <div id="skillmagic" style="color: white;position: absolute;top: 336px;left: 487px;z-index: 100;">MAGIC</div> | ||
<div id="skillmap<!--{$seed|escape:'html'|default:'1'}-->" style="width:<!--{$width|escape:'html'|default:'1024'}-->px;height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 1744px);position:absolute;top:0;left:0;display:flex;z-index:99;"> | <div id="skillmap<!--{$seed|escape:'html'|default:'1'}-->" style="width:<!--{$width|escape:'html'|default:'1024'}-->px;height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 1744px);position:absolute;top:0;left:0;display:flex;z-index:99;"> | ||
| − | <img id="base_sel<!--{$seed|escape:'html'|default:'1'}-->" src=" | + | <img id="base_sel<!--{$seed|escape:'html'|default:'1'}-->" src="https://underwiki.com/images/4/48/Trans.png" width="3712" height="1744" style="width:<!--{$width|escape:'html'|default:'1024'}-->px;height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 1744px);" usemap="#skill_map<!--{$seed|escape:'html'|default:'1'}-->"> |
<div id="skillstealth" style="color: white;position: absolute;top: 406px;left: 592px;z-index: 100;">STEALTH</div> | <div id="skillstealth" style="color: white;position: absolute;top: 406px;left: 592px;z-index: 100;">STEALTH</div> | ||
<map name="skill_map<!--{$seed|escape:'html'|default:'1'}-->"> | <map name="skill_map<!--{$seed|escape:'html'|default:'1'}-->"> | ||
| − | <area shape="circle" coords="1858,1395,64" onMouseOver="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href=" | + | <area shape="circle" coords="1858,1395,64" onMouseOver="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight"> |
</map></div> | </map></div> | ||
| − | <div id="skillbase<!--{$seed|escape:'html'|default:'1'}-->" style="width:<!--{$width|escape:'html'|default:'1024'}-->px;height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 1744px);position:absolute;top:0;left:0;z-index:1;background-image: url(' | + | <div id="skillbase<!--{$seed|escape:'html'|default:'1'}-->" style="width:<!--{$width|escape:'html'|default:'1024'}-->px;height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 1744px);position:absolute;top:0;left:0;z-index:1;background-image: url('https://underwiki.com/images/5/5a/Skill_Tree.png');<!--{if isset($base)}-->display:flex;<!--{else}-->display:flex;background-size:cover;<!--{/if}-->"> </div> |
</div></includeonly> | </div></includeonly> | ||
Revision as of 09:21, 8 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'.