Difference between revisions of "Widget:Skill Tree"

From UnderWiki
Jump to navigation Jump to search
 
(14 intermediate revisions by the same user not shown)
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('http://underwiki.com/images/9/93/Magic_Skill_active.png');<!--{if isset($poilink)}-->cursor: pointer;<!--{/if}-->z-index:2<!--{$seed|escape:'html'|default:'1'}-->">&nbsp;</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'}-->">&nbsp;</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((1217 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (1306 / 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'}-->">&nbsp;</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((1409 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (1306 / 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'}-->">&nbsp;</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) * (1306 / 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'}-->">&nbsp;</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((1794 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (1306 / 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'}-->">&nbsp;</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) * (1306 / 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'}-->">&nbsp;</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) * (1306 / 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'}-->">&nbsp;</div>
 +
 
 +
<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((1409 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (1009 / 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'}-->">&nbsp;</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) * (1009 / 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'}-->">&nbsp;</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((1794 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (1009 / 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'}-->">&nbsp;</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) * (1009 / 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'}-->">&nbsp;</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) * (1009 / 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'}-->">&nbsp;</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) * (1009 / 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'}-->">&nbsp;</div>
 +
 
 +
<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) * (715 / 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'}-->">&nbsp;</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((1409 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (715 / 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'}-->">&nbsp;</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((1794 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (715 / 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'}-->">&nbsp;</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) * (715 / 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'}-->">&nbsp;</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) * (715 / 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'}-->">&nbsp;</div>
 +
 
 +
<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((1409 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (508 / 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'}-->">&nbsp;</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((2176 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (508 / 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'}-->">&nbsp;</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) * (296 / 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'}-->">&nbsp;</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((1409 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (296 / 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'}-->">&nbsp;</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((2176 / 3712) * <!--{$width|escape:'html'|default:'1024'}-->px);top:calc((1331 / 1744) * (296 / 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'}-->">&nbsp;</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="http://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'}-->">
+
<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'}-->">
 
<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="http://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="1856,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">
 +
  <area shape="circle" coords="1281,1061,64" onMouseOver="document.getElementById('skillmagic02<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic02<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="1472,1061,64" onMouseOver="document.getElementById('skillmagic03<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic03<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="1665,1061,64" onMouseOver="document.getElementById('skillmagic04<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic04<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="1856,1061,64" onMouseOver="document.getElementById('skillmagic05<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic05<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="2048,1061,64" onMouseOver="document.getElementById('skillmagic06<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic06<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="2240,1061,64" onMouseOver="document.getElementById('skillmagic07<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic07<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="1472,836,64" onMouseOver="document.getElementById('skillmagic08<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic08<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="1664,836,64" onMouseOver="document.getElementById('skillmagic09<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic09<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="1857,836,64" onMouseOver="document.getElementById('skillmagic10<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic10<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="2112,836,64" onMouseOver="document.getElementById('skillmagic11<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic11<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="2240,836,64" onMouseOver="document.getElementById('skillmagic12<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic12<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="2369,836,64" onMouseOver="document.getElementById('skillmagic13<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic13<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="1281,612,64" onMouseOver="document.getElementById('skillmagic14<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic14<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="1472,612,64" onMouseOver="document.getElementById('skillmagic15<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic15<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="1856,612,64" onMouseOver="document.getElementById('skillmagic16<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic16<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="2240,612,64" onMouseOver="document.getElementById('skillmagic17<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic17<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="2369,612,64" onMouseOver="document.getElementById('skillmagic18<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic18<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="1473,452,64" onMouseOver="document.getElementById('skillmagic19<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic19<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="2241,452,64" onMouseOver="document.getElementById('skillmagic20<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic20<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="1249,292,64" onMouseOver="document.getElementById('skillmagic21<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic21<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="1473,292,64" onMouseOver="document.getElementById('skillmagic22<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic22<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 +
  <area shape="circle" coords="2240,292,64" onMouseOver="document.getElementById('skillmagic23<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic23<!--{$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('http://underwiki.com/images/5/5a/Skill_Tree.png');<!--{if isset($base)}-->display:flex;<!--{else}-->display:flex;background-size:cover;<!--{/if}-->">&nbsp;</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('https://underwiki.com/images/5/5a/Skill_Tree.png');<!--{if isset($base)}-->display:flex;<!--{else}-->display:flex;background-size:cover;<!--{/if}-->">&nbsp;</div>
 
</div></includeonly>
 
</div></includeonly>

Latest revision as of 15:49, 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'.