Difference between revisions of "User:Rewen/Sandbox"

From Morloch Wiki
Jump to: navigation, search
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
</span>

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

    Markedmap.png

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

    Markedmap.png