User:Rewen/Sandbox: Difference between revisions

From Morloch Wiki
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/><code><a href="http://www.google.com>Google!</a></code></div></span>
<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>
--><span class="pwr-tooltip" style="cursor:pointer;" style="border-bottom: 1px dotted darkred;">Shadow Bolt</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: <!--
 
--><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>
 
* 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
Tooltip content

Custom Tooltips

I added classes: "pwr-tooltip" and "map-tooltip".

  • The following has a Power tooltip: Shadow Bolt
  • The following is a Map tooltip: 42360, 45700
    Map Marker

  • The following is a Map tooltip with parsed elements: 42360, 45700
  • Another Try: 42360, 45700
    Map Marker