Difference between revisions of "Template:TooltipImage/doc"

From Stoneshard wiki
Jump to navigation Jump to search
Line 1: Line 1:
{{doc/start}}
{{doc/start}}


Creates a tooltip that displays on images with mouseover.
{{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.


Parameters:
<nowiki>
# Item name.
{{MapArea|skill_name|left|top|width|height(=width if not specified)|border(optional)}}</nowiki>
 
Example usage from [[Swords (skill tree)]]


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


|thumb=right
|thumb=right

Revision as of 12:40, 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 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)

Usage:

Hover over the skill icons to view the detailed descriptions.
Hover over the skill icons to view the detailed descriptions.