Difference between revisions of "Template:TooltipImage/doc"

From Stoneshard wiki
Jump to navigation Jump to search
(Created page with "{{doc/start}} Creates a tooltip that displays on images with mouseover. Shortcut: {{tl|tt}} Parameters: # Item name. # Item type. # Link text. If not specified, uses Item name. # Anything. If specified, there won't be a link. Usage: <nowiki>{{TooltipImage|Footman Sword|Weapon test}}</nowiki> <nowiki>{{TooltipImage|Gambeson|Armor test}}</nowiki> <nowiki>{{TooltipImage|Cleaving Strike|Skill test}}</nowiki> (Work in Progress) <nowiki>{{TooltipImage|Waterskin|Consum...")
 
 
(13 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{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 image/links in specified areas of the image, that also display tooltips on hover.


Creates a tooltip that displays on images with mouseover. Shortcut: {{tl|tt}}
<nowiki>
{{MapArea|skill_name|left|top|width|height(=width if not specified)|border(optional)}}</nowiki>


Parameters:
Example usage from [[Swords (skill tree)]]
# Item name.
  <nowiki>
# Item type.
{{ImageMap|338px|Swords_skilltree.png|
# Link text. If not specified, uses Item name.
{{TooltipImage|Cleaving Strike|35|84|62}}
# Anything. If specified, there won't be a link.
{{TooltipImage|Blade Maintenance|135|84|62}}
 
{{TooltipImage|Keeping Distance|235|84|62}}
 
{{TooltipImage|Gloat|35|230|62}}
Usage:
{{TooltipImage|Fencer's Stance|135|230|62}}
 
{{TooltipImage|Endurance Training|235|230|62}}
  <nowiki>{{TooltipImage|Footman Sword|Weapon test}}</nowiki>
{{TooltipImage|Honed Edge|85|376|62}}
<nowiki>{{TooltipImage|Gambeson|Armor test}}</nowiki>
{{TooltipImage|Onrush|187|376|62}}
<nowiki>{{TooltipImage|Cleaving Strike|Skill test}}</nowiki> (Work in Progress)
<nowiki>{{TooltipImage|Waterskin|Consumable}}</nowiki> (Work in Progress)
 
{{TooltipImage|Footman Sword|Weapon test}}
{{TooltipImage|Gambeson|Armor test}}
{{TooltipImage|Cleaving Strike|Skill test}}
{{TooltipImage|Waterskin|Consumable}}
 
<nowiki>{{TooltipImage|Footman Sword|Weapon test|I can write anything as text.}}</nowiki>
 
{{TooltipImage|Footman Sword|Weapon test|I can write anything as text.}}
 
 
<nowiki>{{TooltipImage|Footman Sword|Weapon test|Text that isn't a link can have tooltip too.|nolink}}</nowiki>
 
{{TooltipImage|Footman Sword|Weapon test|Text that isn't a link can have tooltip too.|nolink}}


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


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

Latest revision as of 13:01, 28 July 2022

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