Difference between revisions of "Widget:Skill Tree"
Jump to navigation
Jump to search
m (Browncoat Jayson moved page Widget:Skill Tree.png to Widget:Skill Tree without leaving a redirect) |
|||
| Line 8: | Line 8: | ||
; 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'. | ; 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'. | ||
[[Category:Widgets]] | [[Category:Widgets]] | ||
| − | </noinclude><includeonly><div style="width:<!--{$width|escape:'html'|default:'1024'}-->px;height:<!--{$width|escape:'html'|default:'1024'}--> | + | </noinclude><includeonly><div style="width:<!--{$width|escape:'html'|default:'1024'}-->px;height:calc((3712 / <!--{$width|escape:'html'|default:'1024'}-->) * 1744px);position:relative;"> |
<div id="skillmagic01<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 1024) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 1024) * 128px);left:calc((<!--{$width|escape:'html'|default:'1024'}--> / 1024) * 1331px);top:calc((<!--{$width|escape:'html'|default:'1024'}--> / 1024) * 1794px);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'}-->"> </div> | <div id="skillmagic01<!--{$seed|escape:'html'|default:'1'}-->" style="position: absolute;width:calc((<!--{$width|escape:'html'|default:'1024'}--> / 1024) * 128px);height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 1024) * 128px);left:calc((<!--{$width|escape:'html'|default:'1024'}--> / 1024) * 1331px);top:calc((<!--{$width|escape:'html'|default:'1024'}--> / 1024) * 1794px);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'}-->"> </div> | ||
| − | <div id="skillmap<!--{$seed|escape:'html'|default:'1'}-->" style="width:<!--{$width|escape:'html'|default:'1024'}-->px;height:<!--{$width|escape:'html'|default:'1024'}--> | + | <div id="skillmap<!--{$seed|escape:'html'|default:'1'}-->" style="width:<!--{$width|escape:'html'|default:'1024'}-->px;height:calc((3712 / <!--{$width|escape:'html'|default:'1024'}-->) * 1744px);position:absolute;top:0;left:0;<!--{if isset($imagemap)}-->display:flex;z-index:99;<!--{else}-->display:none;<!--{/if}-->"> |
<img id="base_sel<!--{$seed|escape:'html'|default:'1'}-->" src="http://underwiki.com/images/4/48/Trans.png" width="1024" height="1024" style="width:<!--{$width|escape:'html'|default:'1024'}-->px;height:<!--{$width|escape:'html'|default:'1024'}-->px;" usemap="#skill_map<!--{$seed|escape:'html'|default:'1'}-->"> | <img id="base_sel<!--{$seed|escape:'html'|default:'1'}-->" src="http://underwiki.com/images/4/48/Trans.png" width="1024" height="1024" style="width:<!--{$width|escape:'html'|default:'1024'}-->px;height:<!--{$width|escape:'html'|default:'1024'}-->px;" 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'}-->"> | ||
Revision as of 22:55, 3 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'.