No edit summary |
No edit summary |
||
Line 98: | Line 98: | ||
}} | }} | ||
<noinclude> | |||
==TooltipHover== | |||
Inserts text that has an image display on mouse hover. | |||
;Types: | |||
:tooltip-short : Intended for image HEIGHT less than 150px</li> | |||
:tooltip : Intended for image HEIGHT between 150px and 250px</li> | |||
:tooltip-long : Intended for image HEIGHT between 250px and 500px</li> | |||
''Note: There is no tooltip type for tooltip images that with more than 500px height. The tooltip image will not be completely above the tooltip text in this case.'' | |||
==Usage== | |||
<nowiki> | |||
{{TooltipHover | |||
</nowiki><br><nowiki> | |||
|type = [tooltip-short] or [tooltip] or [tooltip-long] </nowiki>''defaults to tooltip if no class is included''<nowiki> | |||
</nowiki><br><nowiki> | |||
|text = [text that the tooltip defines] | |||
</nowiki><br><nowiki> | |||
|image = [tooltip image file name] | |||
</nowiki><br><nowiki> | |||
}} | |||
</nowiki> | |||
==Example Usage== | |||
<nowiki> | |||
{{TooltipHover | |||
</nowiki><br><nowiki> | |||
|text = Quick Reflexes | |||
</nowiki><br><nowiki> | |||
|image = Image:SF CoE Ability Quick Reflexes.png | |||
</nowiki><br><nowiki> | |||
}} | |||
</nowiki> | |||
==Example Preview== | |||
<div class="tooltip-short"><b>Quick Reflexes<span style="margin: 5px; display: block;height: auto; max-width: 250px;" border="0">[[Image:SF CoE Ability Quick Reflexes.png]]</span></b></div> | |||
==Template Markup== | |||
</noinclude> | |||
<div class="{{{type|tooltip}}}"><b>{{{text|tooltip}}}<span style="margin: 5px; display: block;height: auto; max-width: 250px;" border="0">[[{{{image|File:NoImage.png}}}]]</span></b></div> |
Revision as of 06:57, 25 September 2023
TooltipHover
Inserts text that has an image display on mouse hover.
- Types
- tooltip-short : Intended for image HEIGHT less than 150px
- tooltip : Intended for image HEIGHT between 150px and 250px
- tooltip-long : Intended for image HEIGHT between 250px and 500px
Note: There is no tooltip type for tooltip images that with more than 500px height. The tooltip image will not be completely above the tooltip text in this case.
Usage
{{TooltipHover
|type = [tooltip-short] or [tooltip] or [tooltip-long] defaults to tooltip if no class is included
|text = [text that the tooltip defines]
|image = [tooltip image file name]
}}
Example Usage
{{TooltipHover
|text = Quick Reflexes
|image = Image:SF CoE Ability Quick Reflexes.png
}}
Example Preview