User:Rewen/Sandbox: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
<span class="basic-tooltip" title="Text to show inside tooltip">Basic tooltips</span> | <span class="basic-tooltip" title="Text to show inside tooltip">Basic tooltips</span> | ||
<span class="advanced-tooltip">Advanced tooltips<div class="tooltip-contents">Tooltip content<br/ | <span class="advanced-tooltip">Advanced tooltips<div class="tooltip-contents">Tooltip content<br/></span> | ||
=== Custom Tooltips === | === Custom Tooltips === | ||
I added classes: "pwr-tooltip" and "map-tooltip". | I added classes: "pwr-tooltip" and "map-tooltip". | ||
* The following has a Power tooltip: | * The following has a Power tooltip: <span class="pwr-tooltip" style="cursor:pointer;" style="border-bottom: 1px dotted darkred;">Shadow Bolt</span> | ||
* The following is a Map tooltip: <span class="map-tooltip" style="color: teal; border-bottom: 1px dotted teal;">'''42360, 45700'''<div class="tooltip-contents">{{mapmark|104|207}}</div></span> | |||
* The following is a Map tooltip with parsed elements: <span class="map-tooltip" coord1="144.56" coord2="169.82" style="color: teal; border-bottom: 1px dotted teal;">'''42360, 45700'''</span> | |||
* The following is a Map tooltip: | |||
* The following is a Map tooltip with parsed elements: | |||
* Another Try: <span class="advanced-tooltip" style="color: teal; border-bottom: 1px dotted teal;">'''42360, 45700'''<div class="tooltip-contents">{{mapmark|144.56|169.82}}</div></span> | * Another Try: <span class="advanced-tooltip" style="color: teal; border-bottom: 1px dotted teal;">'''42360, 45700'''<div class="tooltip-contents">{{mapmark|144.56|169.82}}</div></span> | ||
Revision as of 15:26, 2 October 2017
Tooltips
Basic tooltips
Advanced tooltips