Difference between revisions of "Template:TooltipImage"

From Stoneshard wiki
Jump to navigation Jump to search
(add tooltip parameter to Skill template so that it doesn't show image in tooltips)
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
<includeonly>
<includeonly>
[[{{{link|{{{1}}}}}}|<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}}}}}">{{#tip-img:{{filepath:{{{1}}}.png}}|{{Tooltip hover box |title= {{Skill|{{{1}}}}}}}}}</div>]]</includeonly><noinclude>{{doc|ImageMap}}
[[{{{link|{{{1}}}}}}|<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}}}}}">{{#tip-img: {{#ifexist: File:{{{1}}}.png|{{filepath:{{{1}}}.png}}|{{filepath:{{{1}}}.PNG}}}}|{{Tooltip hover box |title= {{Skill|{{{1}}}|tooltip=1}}}}}}</div>]]</includeonly><noinclude>{{doc|ImageMap}}
[[Category:Templates]]</noinclude>
[[Category:Templates]]</noinclude>

Latest revision as of 15:35, 12 April 2023

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.
}}