Difference between revisions of "Template:MapArea/doc"

From Stoneshard wiki
Jump to navigation Jump to search
old>Realpsojed
(modified description)
old>Realpsojed
Line 1: Line 1:
{{Doc/start}}
{{Doc/start}}
This template partially replicates the function of the imagemap plugin. It uses div links with absolute position over the images instead of the html image tag. This template is used together with [[Template:ImageMap]] and creates the individual areas of the image to produce clickable links.
This template partially replicates the function of the Imagemap plugin. This template is primarily used together with {{tl|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 {{tl|Skill list}} to create a row of Enemy NPC skills.
These were created to display link tooltips on hover (those don't work with html image tags). This template is also used by the [[Template:Skill_list]] to create a row of Enemy NPC skills.


  <nowiki>
  <nowiki>
{{MapArea|skill_name|left|top|width|height(=width if not specified)|border(not required)}}</nowiki>
{{MapArea|skill_name|left|top|width|height(=width if not specified)|border(optional)}}</nowiki>


Example usage from [[Swords (skill tree)]]
Example usage from [[Swords (skill tree)]]

Revision as of 12:53, 8 October 2020

Template-info.png Documentation

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.