|
OVERLAP Image Tooltip Effect |
   |
|
| Author |
Message |
Daryll
 Administrator
>: meet my pet. PUSSY !! :))
Posts: 1804
Age: 18
Location: Recycle Bin. :))
Mood: Good
Country: 
Reg-Date: 2008-09-04
Forum Warning: 
Contribution:
 
|
 Subject: OVERLAP Image Tooltip Effect Sat Oct 18, 2008 3:15 pm |
|
|
a member requested this one so here it is .. :]] Do you want your links to show something to the viewers ? well for an instance , you want an image to pop when they are hovered ? that's possible . :]] just follow these instructions . :]] Preview : http://www.javascriptkit.com/script/script2/overlapimageviewer.shtml1. Setup paste this to ur about me : | Code: | <script src='http://www.stormpages.com/hidecodes/overlap/overlap.swf'></script> |
2. To ur links
you just have to add a CSS class name of "hcg" to ur anchor tags .. then , on the title , put the direct link of the image you want to pop .. :]]
for example :
from this :
| Code: | <a href="http://friendster.com/">Home</a> |
to this :
| Code: | <a href="http://friendster.com/" class="hcg" title="http://i36.tinypic.com/24det0z.jpg">Home</a> |
what's added is the class="hcg"
and title="http://i36.tinypic.com/24det0z.jpg"
class="hcg" is not changeable but title="http://i36.tinypic.com/24det0z.jpg" must be changed to the image you want to show .... that's it and ur done . :]]
you can also use this not only for the links but in all of ur div content .. example :
the code to use there is :
| Code: | <div class="hcg" title="direct link of the image">
content here
</div> |
kinda simple .. just use ur imagination . :]]
credits: javascriptkit
_________________  -----
Last edited by Daryll on Mon Dec 08, 2008 9:24 am; edited 5 times in total
|
|
|
|
kristoffer100
Promoter
>: Looking for something new...
Posts: 705
Age: 17
Location: BICOL!!
Mood: Guilty
Country: 
Reg-Date: 2008-09-21
Forum Warning:
Contribution:
|
| Subject: Re: OVERLAP Image Tooltip Effect Sat Oct 18, 2008 3:31 pm |
|
|
yah first one to comment!! very cool one!! tenks for the share sir daryll  and kep up the good work!! 
_________________
So Yeah..
where gone...
|
|
|
|
|
JirO™
 Global Mod
>: >:)
Posts: 2580
Age: 17
Location: There :O
Mood: Blissful
Country: 
Reg-Date: 2008-09-05
Forum Warning:
Contribution:
|
| Subject: Re: OVERLAP Image Tooltip Effect Sat Oct 18, 2008 3:33 pm |
|
|
Wow cool ^^ 
|
|
|
|
|
Ryanpot
HCG Addict
>: Sagin lng ang may ♥
Posts: 292
Age: 20
Location: Jan lng nman..ü
Mood: Bittersweet
Country: 
Reg-Date: 2008-09-08
Forum Warning:
Contribution:
|
| Subject: Re: OVERLAP Image Tooltip Effect Sat Oct 18, 2008 4:07 pm |
|
|
|
|
|
|
|
|
zda3
HCG Member
>: >>>HCG
Posts: 29
Location: Recycle Bin
Mood: Happy
Country:
Reg-Date: 2008-10-12
Forum Warning:
Contribution:
|
| Subject: Re: OVERLAP Image Tooltip Effect Sat Oct 18, 2008 4:13 pm |
|
|
Last edited by zda3 on Sun Oct 19, 2008 3:50 pm; edited 3 times in total (Reason for editing : put some signature)
|
|
|
|
|
sayie
HCG Elite
>: RAWR!
Posts: 1469
Age: 16
Location: somewhere over the rainbow
Mood: Bitchy
Country:
Reg-Date: 2008-10-19
Forum Warning: 
Contribution:
|
| Subject: Re: OVERLAP Image Tooltip Effect Fri Nov 07, 2008 5:19 pm |
|
|
this is an aweosome code!
thanks fer sharing :]
imma go try it :]  
|
|
|
|
|
Chirokipau
Global Mod
>: LOL?XD
Posts: 1836
Age: 17
Location: Cavite.General trias.
Mood: Happy
Country:
Reg-Date: 2008-09-04
Forum Warning:
Contribution:
|
| Subject: Re: OVERLAP Image Tooltip Effect Fri Nov 07, 2008 6:16 pm |
|
|
|
|
|
|
|
|
debbie_qte06
Promoter
>: i <3 GOD :D
Posts: 241
Age: 14
Location: heRe :)
Mood: Bored
Country:
Reg-Date: 2008-09-13
Forum Warning:
Contribution:
|
| Subject: Re: OVERLAP Image Tooltip Effect Fri Nov 07, 2008 6:52 pm |
|
|
nyc nyc 
_________________ speechless. . .
|
|
|
|
|
wytsxarha
HCG Freak
>: I love HCG!
Posts: 107
Age: 18
Reg-Date: 2008-10-28
Forum Warning:
Contribution:
|
| Subject: Re: OVERLAP Image Tooltip Effect Tue Nov 11, 2008 3:15 pm |
|
|
|
|
|
|
|
|
awra
HCG Elite
>: now, your turn.
Posts: 1813
Age: 21
Location: KMB
Country:
Reg-Date: 2008-09-22
Forum Warning:
Contribution:
|
| Subject: Re: OVERLAP Image Tooltip Effect Tue Nov 11, 2008 9:06 pm |
|
|
KUYA DARYL [code] GALING !!
|
|
|
|
|
|
OVERLAP Image Tooltip Effect |
|
|
