Template:CoE Item: Difference between revisions

Help

Revision as of 07:57, 25 September 2023

CoE Tooltip Hover

Inserts text that has an image display on mouse hover, inline with other article text. Uses the specified CoE Style.

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.

Styles: item-title : Standard Item/Ability/Status title; item-subtitle : Standard subtitle (sub-classes, etc.); item-text : Standard description

Usage

{{CoE Tooltip Hover
|type = [tooltip-short] or [tooltip] or [tooltip-long] defaults to tooltip if no class is included
|style = [class from CoE Styles Template] defaults to item-text if no class is included
|pre-inline-text = [text that goes before the tooltip] OPTIONAL
|hover-text = [text that the tooltip defines]
|post-inline-text = [text that goes after the tooltip] OPTIONAL
|image = [tooltip image file name]
}}

Example Usage

<span>Grants {{Inline Tooltip Hover
|pre-inline-text = Grants
|text = Quick Reflexes
|post-inline-text = .
|image = Image:SF CoE Ability Quick Reflexes.png
}} </span>

Example Preview

Grants

@@ Line 1: / Line 1: @@
+{{CoE Styles}}
 {{#css:
@@ Line 101: / Line 103: @@
 <noinclude>
-==Inline Tooltip Hover==
+==CoE Tooltip Hover==
-Inserts text that has an image display on mouse hover, inline with other article text.
+Inserts text that has an image display on mouse hover, inline with other article text. Uses the specified CoE Style.
 ;Types:
@@ Line 110: / Line 112: @@
 ''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.''
+;Styles:
+:item-title : Standard Item/Ability/Status title
+:item-subtitle : Standard subtitle (sub-classes, etc.)
+:item-text : Standard description
 ===Usage===
 <nowiki>
-{{Inline Tooltip Hover
+{{CoE Tooltip Hover
 </nowiki><br><nowiki>
 |type     = [tooltip-short] or [tooltip] or [tooltip-long] </nowiki>''defaults to tooltip if no class is included''<nowiki>
+</nowiki><br><nowiki>
+|style = [class from CoE Styles Template] </nowiki>''defaults to item-text if no class is included''<nowiki>
 </nowiki><br><nowiki>
 |pre-inline-text     = [text that goes before the tooltip] </nowiki>''OPTIONAL''<nowiki>
@@ Line 146: / Line 155: @@
 ===Example Preview===
-<span>Grants <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></span>
+<span><div class="item-text">Grants <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></div>
@@ Line 153: / Line 162: @@
-<span>{{{pre-inline-text|}}} <div class="{{{type|tooltip}}}"><b>{{{text|tooltip}}}<span style="margin: 5px; display: block;height: auto; max-width: 250px;" border="0">[[{{{image|File:NoImage.png}}}]] {{{post-inline-text|}}}</span></b></div>
+<span><div class="{{{style|item-text}}}">{{{pre-inline-text|}}} <div class="{{{type|tooltip}}}"><b>{{{text|tooltip}}}<span style="margin: 5px; display: block;height: auto; max-width: 250px;" border="0">[[{{{image|File:NoImage.png}}}]] {{{post-inline-text|}}}</span></b></div></div>