Difference between revisions of "Template:TooltipImage/doc"
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 | 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> | |||
{{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
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.
}}