|
Semi slide when hovered(control panel) |
|
|
Author |
Message |
Heinz™
Global Mod
> : I'm a bee.. can you be my hone
Posts : 1618
Age : 38
Country :
Reg-Date : 2008-09-10
Forum Warning :
Contribution :
|
Subject: Semi slide when hovered(control panel) Wed Sep 17, 2008 4:57 pm |
|
|
credits: >mootools >agam78 - Quote :
- var list = $$('#content_0');
list.each(function(element) { var fx = new Fx.Styles(element, {duration:1000, wait:false}); element.addEvent('mouseenter', function(){ fx.start({ 'margin-left': 70, 'background-color': '#000000', color: '#ff8' }); }); element.addEvent('mouseleave', function(){ fx.start({ 'margin-left': 0, 'background-color': 'transparent', 'color': '#888' }); }); });
red=content id green=background >Actually you can have the trick in all boxes,just change the content id and copy the code as it is.. hence: - Code:
-
var list = $$('#content_0'); list.each(function(element) { var fx = new Fx.Styles(element, {duration:1000, wait:false}); element.addEvent('mouseenter', function(){ fx.start({ 'margin-left': 70, 'background-color': '#000000', color: '#ff8' }); }); element.addEvent('mouseleave', function(){ fx.start({ 'margin-left': 0, 'background-color': 'transparent', 'color': '#888' }); }); });
var list = $$('#content_1'); list.each(function(element) { var fx = new Fx.Styles(element, {duration:500, wait:false}); element.addEvent('mouseenter', function(){ fx.start({ 'margin-left': 75, 'background-color': '#000000', color: '#ff8' }); }); element.addEvent('mouseleave', function(){ fx.start({ 'margin-left': 0, 'background-color': '#000000', 'color': '#888' }); }); }); var list = $$('#content_6'); list.each(function(element) { var fx = new Fx.Styles(element, {duration:500, wait:false}); element.addEvent('mouseenter', function(){ fx.start({ 'margin-left': 70, 'background-color': '#000000', color: '#ff8' }); }); element.addEvent('mouseleave', function(){ fx.start({ 'margin-left': 0, 'background-color': '#000000', 'color': '#888' }); }); });
var list = $$('#content_2'); list.each(function(element) { var fx = new Fx.Styles(element, {duration:500, wait:false}); element.addEvent('mouseenter', function(){ fx.start({ 'margin-left': 70, 'background-color': '#000000', color: '#ff8' }); }); element.addEvent('mouseleave', function(){ fx.start({ 'margin-left': 0, 'background-color': '#000000', 'color': '#888' }); }); });
var list = $$('#content_8'); list.each(function(element) { var fx = new Fx.Styles(element, {duration:500, wait:false}); element.addEvent('mouseenter', function(){ fx.start({ 'margin-left': 70, 'background-color': '#000000', color: '#ff8' }); }); element.addEvent('mouseleave', function(){ fx.start({ 'margin-left': 0, 'background-color': '#000000', 'color': '#888' }); }); });
var list = $$('#content_18'); list.each(function(element) { var fx = new Fx.Styles(element, {duration:500, wait:false}); element.addEvent('mouseenter', function(){ fx.start({ 'margin-left': 70, 'background-color': '#transparent', color: '#ff8' }); }); element.addEvent('mouseleave', function(){ fx.start({ 'margin-left': 0, 'background-color': 'transparent', 'color': '#888' }); }); }); available id's:0(controlpanel) 1(photos) 6(moreabout), 2(friends) 8(groups) 18(comments) preview: p u g e try to hover my control panel box (where primary pix located)
|
|
|
|
Chirokipau
Global Mod
> : LOL?XD
Posts : 1836
Age : 31
Location : Cavite.General trias.
Mood : Happy
Country :
Reg-Date : 2008-09-04
Forum Warning :
Contribution :
|
Subject: XD Wed Sep 17, 2008 5:02 pm |
|
|
First to comment sir.. well nice trick..
|
|
|
|
exiomon
HCG Member
> : I love HCG!
Posts : 34
Age : 30
Location : somewere hir in bulacan..
Country :
Reg-Date : 2008-09-11
Forum Warning :
Contribution :
|
Subject: Re: Semi slide when hovered(control panel) Wed Sep 17, 2008 6:42 pm |
|
|
eh...if i want all the box to have this trick ....what box id will i write plz nid response hir
|
|
|
|
Heinz™
Global Mod
> : I'm a bee.. can you be my hone
Posts : 1618
Age : 38
Country :
Reg-Date : 2008-09-10
Forum Warning :
Contribution :
|
Subject: Re: Semi slide when hovered(control panel) Wed Sep 17, 2008 9:27 pm |
|
|
try to use the availble id buddy: - Quote :
available id's: 0(controlpanel) 1(photos) 6(moreabout), 2(friends) 8(groups) 18(comments)
and use the code..
|
|
|
|
exiomon
HCG Member
> : I love HCG!
Posts : 34
Age : 30
Location : somewere hir in bulacan..
Country :
Reg-Date : 2008-09-11
Forum Warning :
Contribution :
|
|
|
|
jaspermarkyo
HCG Wizard
> : I love HCG!
Posts : 54
Age : 34
Reg-Date : 2008-09-16
Forum Warning :
Contribution :
|
|
|
|
punk_ii_girl
HCG Geek
> : I love HCG!
Posts : 626
Age : 103
Mood : Happy
Country :
Reg-Date : 2008-09-11
Forum Warning :
Contribution :
|
Subject: Re: Semi slide when hovered(control panel) Fri Oct 31, 2008 9:42 pm |
|
|
nice one,. thanks sir heinz
|
|
|
|
rainer
HCG Elite
> : reloaded
Posts : 1287
Age : 33
Location : ...in your ears
Country :
Reg-Date : 2008-10-22
Forum Warning :
Contribution :
|
|
|
|
wytsxarha
HCG Freak
> : I love HCG!
Posts : 107
Age : 32
Reg-Date : 2008-10-28
Forum Warning :
Contribution :
|
Subject: Re: Semi slide when hovered(control panel) Fri Nov 14, 2008 7:14 pm |
|
|
cHute2..! teNkzxHu2 siR aYnz^^ _________________________________________________________________________ <CENTER> <FONT FACE="century gothic"SIZE="1"COLOR="#ffcc99">im</font><br> <br><FONT FACE="century gothic"SIZE="1"COLOR="#66ff33">fUnNy.</font><FONT FACE="century gothic" SIZE="1"COLOR="#ff3300">dOrkypOrky.</font><FONT FACE="century gothic"SIZE="1"COLOR="#ffcc00">saD.</font><FONT FACE="century gothic"SIZE="1" COLOR="#330000">haPpY.</font><FONT FACE="century gothic"SIZE="1"COLOR="#3399ff">cLumsY.</font><FONT FACE="century gothic" SIZE="1" COLOR="#996633">gEeky.</font><FONT FACE="century gothic"SIZE="1" COLOR="#ff9999">cUtTie.</font><br> <FONT FACE="century gothic"SIZE="1"COLOR="#993399"> bUt sEe</font><br> <FONT FACE="century gothic"SIZE="1"COLOR="#333333">tHatz wHy yOu fell foR me</font></CENTER>
|
|
|
|
Cklarck
HCG Addict
> : Forget Everything, Forgive Not
Posts : 273
Age : 35
Mood : Calm
Country :
Reg-Date : 2008-09-11
Forum Warning :
Contribution :
|
Subject: Re: Semi slide when hovered(control panel) Fri Nov 14, 2008 7:19 pm |
|
|
this one is tasty...gotta try it after friendster's maintenance...
|
|
|
|
juliansalanga
HCG Addict
> : HCG is the BOMB! XDD
Posts : 221
Age : 33
Mood : Apathetic
Reg-Date : 2008-10-28
Forum Warning :
Contribution :
|
Subject: Re: Semi slide when hovered(control panel) Thu Dec 11, 2008 10:35 pm |
|
|
|
|
|
|
cesa0112
HCG Member
> : maybe someday.. i will appreciate you!!xD
Posts : 45
Age : 30
Location : `~imus cavite~`
Mood : Confused
Reg-Date : 2008-09-13
Forum Warning :
Contribution :
|
Subject: Re: Semi slide when hovered(control panel) Sun Dec 28, 2008 8:33 am |
|
|
cool thanks for the share ^_^
|
|
|
|
michael
HCG Member
> : I love HCG!
Posts : 11
Age : 29
Mood : Alone
Reg-Date : 2008-11-02
Forum Warning :
Contribution :
|
Subject: Re: Semi slide when hovered(control panel) Fri Jan 09, 2009 5:16 pm |
|
|
sir Heinz saan po yan ilagay???
|
|
|
|
stef018
HCG Freak
> : hmmmMm..
Posts : 173
Age : 29
Location : idontknow to be exact.
Mood : Dorky
Reg-Date : 2009-01-08
Forum Warning :
Contribution :
|
|
|
|
jimifirst
HCG Member
> : I love HCG!
Posts : 10
Reg-Date : 2009-01-01
Forum Warning :
Contribution :
|
Subject: Re: Semi slide when hovered(control panel) Tue Jan 13, 2009 8:24 pm |
|
|
hey ur profy is in private we need a tester priview!
|
|
|
|
Jayzkie1407
HCG Addict
> : hiding on my shadow :)
Posts : 472
Age : 34
Location : somewhere close to your heart
Mood : Alone
Country :
Reg-Date : 2008-12-05
Forum Warning :
Contribution :
|
Subject: Re: Semi slide when hovered(control panel) Thu Jan 15, 2009 3:57 pm |
|
|
another cool trick there sir.. ^_^
|
|
|
|
Marlou123
HCG Addict
> : I love HCG!
Posts : 222
Age : 29
Location : Catarman Cordova Cebu
Mood : Excited
Reg-Date : 2008-12-30
Forum Warning :
Contribution :
|
Subject: Re: Semi slide when hovered(control panel) Tue Jan 20, 2009 12:40 pm |
|
|
thnx for sharing hehhe nice tricks....... keep it up dude...
|
|
|
|
yellieppei18
Promoter
> : KPop rules my world :)
Posts : 1965
Age : 30
Location : Dongho's heart.
Mood : Energetic
Country :
Reg-Date : 2008-11-08
Forum Warning :
Contribution :
|
Subject: Re: Semi slide when hovered(control panel) Sat Mar 21, 2009 3:14 pm |
|
|
ilove this! tnx Sir LH .. :)
|
|
|
|
weszley
HCG Addict
Posts : 320
Age : 36
Country :
Reg-Date : 2009-01-30
Forum Warning :
Contribution :
|
Subject: Re: Semi slide when hovered(control panel) Sun Mar 22, 2009 3:51 pm |
|
|
wow...nice...but prwiew private Sir..~
|
|
|
|
misty
HCG Freak
> : I love HCG!
Posts : 133
Reg-Date : 2009-02-11
Forum Warning :
Contribution :
|
Subject: Re: Semi slide when hovered(control panel) Fri Mar 27, 2009 7:52 pm |
|
|
luv it........:]] tnx kuya
|
|
|
|
Mickey™
Promoter
> : Twitter: mickeysantilla
Posts : 2676
Age : 31
Location : Nueva Ecija
Mood : Happy
Country :
Reg-Date : 2009-01-31
Forum Warning :
Contribution :
|
|
|
|
Sponsored content
|
Subject: Re: Semi slide when hovered(control panel) |
|
|
|
|
|
|
|
Semi slide when hovered(control panel) |
|
|