Guest Access
Administrator
Administrator
Administrator
profile
G@MeF@Ce
profile
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:
what triggers the javascript for the hover tip is the "class"
assigning the tag's class to equal "htip" is just the first step
the second step is adding your pop-up message into the "title"
*span tip
^the code
(see how the line breaks were used?)
and that's it! ~enjoy getting more creative with your posts!
^,^
click on the heart and show some love
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
Administrator
Show Signature
Administrator
GAMEFACE101 » MEDIA » PLAY with CODE! » PLAY with CODE (scripts and software) » CSS HTML JS/JQ (WEB DESIGN) »G101 = code for hover tips
Similar topics