Difference between revisions of "Template:ImageMap/doc"

From Stoneshard wiki
Jump to navigation Jump to search
m (2 revisions imported)
Line 16: Line 16:
|caption=Hover over the skill icons to view the detailed descriptions.
|caption=Hover over the skill icons to view the detailed descriptions.
}}</nowiki>
}}</nowiki>
{{ImageMap|338px|Swords_skilltree.png|
{{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}}
|thumb=right
|caption=Hover over the skill icons to view the detailed descriptions.
}}
{{Doc/end}}
{{Doc/end}}

Revision as of 20:26, 27 July 2022

Template-info.png Documentation

This template partially replicates the function of the imagemap plugin, but only uses mediawiki templates instead of html image tag. This template creates the main body using the size and image provided and adds the formatting, while Template:MapArea is used for individual areas of the image to produce clickable links that also display tooltips on hover (unlike the plugin where this doesn't work).

Example usage from Swords (skill tree)

{{ImageMap|338px|Swords_skilltree.png|
{{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}}
|thumb=right
|caption=Hover over the skill icons to view the detailed descriptions.
}}
Hover over the skill icons to view the detailed descriptions.