Difference between revisions of "Template:TooltipImage/doc"

From Stoneshard wiki
Jump to navigation Jump to search
Line 2: Line 2:


{{Doc/start}}
{{Doc/start}}
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.
This template partially replicates the function of the Imagemap plugin. This template is primarily used together with {{tl|ImageMap}}. It creates the clickable image/links in specified areas of the image, that also display tooltips on hover.


  <nowiki>
  <nowiki>
Line 8: Line 8:


Example usage from [[Swords (skill tree)]]
Example usage from [[Swords (skill tree)]]
 
<nowiki>
Usage:
{{ImageMap|338px|Swords_skilltree.png|
{{ImageMap|338px|Swords_skilltree.png|
{{TooltipImage|Cleaving Strike|35|84|62}}
{{TooltipImage|Cleaving Strike|35|84|62}}
Line 22: Line 21:
|thumb=right
|thumb=right
|caption=Hover over the skill icons to view the detailed descriptions.
|caption=Hover over the skill icons to view the detailed descriptions.
}}
}}</nowiki>


{{doc/end}}
{{doc/end}}

Revision as of 13:00, 28 July 2022

Template-info.png Documentation
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 image/links in specified areas of the image, that also display tooltips on hover.

{{MapArea|skill_name|left|top|width|height(=width if not specified)|border(optional)}}

Example usage from Swords (skill tree)

{{ImageMap|338px|Swords_skilltree.png|
{{TooltipImage|Cleaving Strike|35|84|62}}
{{TooltipImage|Blade Maintenance|135|84|62}}
{{TooltipImage|Keeping Distance|235|84|62}}
{{TooltipImage|Gloat|35|230|62}}
{{TooltipImage|Fencer's Stance|135|230|62}}
{{TooltipImage|Endurance Training|235|230|62}}
{{TooltipImage|Honed Edge|85|376|62}}
{{TooltipImage|Onrush|187|376|62}}

|thumb=right
|caption=Hover over the skill icons to view the detailed descriptions.
}}