Difference between revisions of "Template:MapArea"
Jump to navigation
Jump to search
m Tag: Manual revert |
m |
||
| Line 1: | Line 1: | ||
<includeonly><div style="position:absolute;left:{{{left|{{{2}}}}}}px;top:{{{top|{{{3}}}}}}px;width:{{{width|{{{size|{{{4}}}}}}}}}px;height:{{{height|{{{size|{{{5|{{{4}}}}}}}}}}}}px;{{#if:{{{border|}}}|border:{{{border}}}}}"> | <includeonly><div style="position:absolute;left:{{{left|{{{2}}}}}}px;top:{{{top|{{{3}}}}}}px;width:{{{width|{{{size|{{{4}}}}}}}}}px;height:{{{height|{{{size|{{{5|{{{4}}}}}}}}}}}}px;{{#if:{{{border|}}}|border:{{{border}}}}}">[[{{{link|{{{1}}}}}}|<div style="display:block;height:100%">{{Tooltip|{{{1}}}}}</div>]]}}</div></includeonly><noinclude>{{doc|ImageMap}} | ||
[[Category:Templates]]</noinclude> | [[Category:Templates]]</noinclude> | ||
Revision as of 16:33, 27 July 2022
This template partially replicates the function of the Imagemap plugin. This template is primarily used together with {{ImageMap}}. It creates the clickable links in specified areas of the image, that also display tooltips on hover. Imagemap uses the html image tag and the tooltips don't work with that, so this template uses divs with links positioned over the images to produce the tooltip on hover. This template is also used by the {{Skill list}} to create a row of Enemy NPC skills.
{{MapArea|skill_name|left|top|width|height(=width if not specified)|border(optional)}}
Example usage from Swords (skill tree)
{{MapArea|Blade Maintenance|39|63|62}}
{{MapArea|Honed Edge|39|162|62}}
{{MapArea|Fencer's Stance|39|392|62}}
{{MapArea|Cleaving Strike|138|63|62}}
{{MapArea|Onrush|138|253|62}}
{{MapArea|Endurance Training|138|392|62}}
{{MapArea|Keeping Distance|237|136|62}}
{{MapArea|Gloat|237|324|62}}
In both cases, an encasing div is provided by the senior template. Using this template without an encasing div would break the flow of the page.