Since I'm having so much fun with hover tips why not share how to use them here in the underground

Making a hover tip is easy and just as fun to see when it appears.

To make a hover tip simply use this code with in a 'div' or 'p' or 'a' for links ... etc...

for this example I will use in a 'span'

hover over this line of text

^the code:

Code:

<span class="htip" title="LET'S PLAY A GAME!">
hover over this line of text
</span>


what triggers the javascript for the hover tip is the "class"

assigning the tag's class to equal "htip" is just the first step

Code:

class="htip"

the second step is adding your pop-up message into the "title"

Code:

title="type the message here"

*span tip

^the code

Code:

<span class="htip" title="when using a span<br>the hover tip will only appear<br>hovering over the text">*span tip</span>

(see how the line breaks were used?)

*p tip

Code:

<p class="htip" title="when using a 'p'<br>the hover tip still appear<br>passed the text horizontally">*p tip</p>

and that's it! ~enjoy getting more creative with your posts!

^,^

click on the heart and show some love

*HOVER HERE*