LOGIN
SEARCH
PROFILE
keys: ↑ ↓
LOGOUT
INDEX
MEMBERS
keys: ↑ ↓
HOME
PORTAL
PLAY ALONG
PLAY with WORDS
PLAY with GRAPHICS
PLAY with SOUNDS
PLAY with CODES
PLAY with PROJECTS
keys: ← →
Guest Access
Register:
Members:



View previous topic View next topic Go down Message [Page 1 of 1]

Administrator
Administrator
#1 G101 = code for hover tips
Loading

G@MeF@Ce

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

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
https://www.dropbox.com/sh/i47rig99qhrvn8s/4m5HvsM2fD http://g4m3f4c3.deviantart.com https://www.facebook.com//pages/Gameface101/332331300127008 https://twitter.com//mr_gameface101 https://soundcloud.com/schurr http://www.youtube.com/user/MrGameface101?feature=watch
Administrator
Administrator
#2 Re: G101 = code for hover tips
Loading

G@MeF@Ce

avatar
Administrator
Administrator
Administrator
profile
*HOVER HERE*
Administrator
https://www.dropbox.com/sh/i47rig99qhrvn8s/4m5HvsM2fD http://g4m3f4c3.deviantart.com https://www.facebook.com//pages/Gameface101/332331300127008 https://twitter.com//mr_gameface101 https://soundcloud.com/schurr http://www.youtube.com/user/MrGameface101?feature=watch

View previous topic View next topic Back to top Message [Page 1 of 1]

 

Chatbox system disabled
Personal messaging disabled