- ARCHIVES
- » Delete this if useless coz im just a newbie here.... what it does.... :arrow: it just fades ur elements and unfades when you hovers it.. :/ Credits to Dynamic Drive and i found out how to apply it
Pages: 1
Delete this if useless coz im just a newbie here.... what it does.... :arrow: it just fades ur elements and unfades when you hovers it.. :/ Credits to Dynamic Drive and i found out how to apply it
- eirol219
- » n00b
66
0
1969-12-31
Delete this if useless coz im just a newbie here.... what it does.... :arrow: it just fades ur elements and unfades when you hovers it.. :/ Credits to Dynamic Drive and i found out how to apply it
Delete this if useless coz im just a newbie here....
what it does....
it just fades ur elements and unfades when you hovers it.. 
Credits to Dynamic Drive
and i found out how to apply it in Non Overlay because of jagcopra's rounded corners. thnx 
download js [b]http://h1.ripway.com/eirol219/gradualfader.js[/b]
save it on your hosting site...
step 1...
put this code at the very top of ur js....
[quote]useless=document.createElement("script")
useless.src="LINK OF YOUR GRADUAL FADER"
navBg.appendChild(useless)[/quote]
step2....
apply to elements...
give it a [b]class="gradualfader"[/b] declaration
ex.
[quote]<img src="test.gif" class="gradualfader" />
<a href="http://www.dynamicdrive.com" class="anotherclass gradualfader"><img src="dd.gif" /></a>
<div style="width: 300px; border: 1px solid gray; background: blue" class="gradualfader">
Some text here
</div>[/quote]
then put this inside ur onload handler;
<">Limitations
In IE, with the exception of images, the element you're applying the effect to must have a "layout" (such as a "width" defined) in order for it to work. Per MSDN, an element has layout when one of the below is true:
* It has a width and/or a height specified
* It is an inline-block (display: inline-block)
* It has absolute positioning (position: absolute)
* It is a float (float: left, float: right)
* It is a table element
credits to dynamic drive....
Preview... [url]http://profiles.friendster.com/eirol219[/url]
^applied in my floating image on the left side.....zzzzzzzzz
it just fades ur elements and unfades when you hovers it..
Credits to Dynamic Drive
and i found out how to apply it in Non Overlay because of jagcopra's rounded corners. thnx
download js [b]http://h1.ripway.com/eirol219/gradualfader.js[/b]
save it on your hosting site...
step 1...
put this code at the very top of ur js....
[quote]useless=document.createElement("script")
useless.src="LINK OF YOUR GRADUAL FADER"
navBg.appendChild(useless)[/quote]
step2....
apply to elements...
give it a [b]class="gradualfader"[/b] declaration
ex.
[quote]<img src="test.gif" class="gradualfader" />
<a href="http://www.dynamicdrive.com" class="anotherclass gradualfader"><img src="dd.gif" /></a>
<div style="width: 300px; border: 1px solid gray; background: blue" class="gradualfader">
Some text here
</div>[/quote]
then put this inside ur onload handler;
<">Limitations
In IE, with the exception of images, the element you're applying the effect to must have a "layout" (such as a "width" defined) in order for it to work. Per MSDN, an element has layout when one of the below is true:
* It has a width and/or a height specified
* It is an inline-block (display: inline-block)
* It has absolute positioning (position: absolute)
* It is a float (float: left, float: right)
* It is a table element
credits to dynamic drive....
Preview... [url]http://profiles.friendster.com/eirol219[/url]
^applied in my floating image on the left side.....zzzzzzzzz
Last edited by eirol219 (2008-05-08 04:03:29)
 |
- cklahrckiey
- » FTalkFreak
- 1891
- 0
- 1969-12-31
Re: Delete this if useless coz im just a newbie here.... what it does.... :arrow: it just fades ur elements and unfades when you hovers it.. :/ Credits to Dynamic Drive and i found out how to apply it
i think blurrycloud has this one....he posted it dude...
|
- blurrycloud
- » FTalkAgent
- 2177
- 0
- 1969-12-31
Re: Delete this if useless coz im just a newbie here.... what it does.... :arrow: it just fades ur elements and unfades when you hovers it.. :/ Credits to Dynamic Drive and i found out how to apply it
don't worry about it bro ^ our instructions are completely different...
most of the addons(boxes) that i show on my tutorial are inside onload handler...
docu write script is not 100% accurate on IE browser.. 
docu write script is not 100% accurate on IE browser..
Last edited by blurrycloud (2008-05-07 01:01:26)
|
- losher29
- » FTalkElite
- 5917
- 0
- 1969-12-31
Re: Delete this if useless coz im just a newbie here.... what it does.... :arrow: it just fades ur elements and unfades when you hovers it.. :/ Credits to Dynamic Drive and i found out how to apply it
^ I agree.. 
I think it doesnt work on IE
but thanks for sharing anyway.
I think it doesnt work on IE
but thanks for sharing anyway.
Last edited by losher29 (2008-05-07 01:03:36)
|
- Angell de Ville
- » n00b
- 40
- 0
- 1969-12-31
Re: Delete this if useless coz im just a newbie here.... what it does.... :arrow: it just fades ur elements and unfades when you hovers it.. :/ Credits to Dynamic Drive and i found out how to apply it
lolz... u guys saying the code posted was useless?
or maybe u just didn't read the poster's instruction?
The instructions clearly explained how to use the code in almost all the elements in your pages. The poster even gave examples on how to use it on images, hyperlinks and divisions. The only downside of his post is the use of document.write which can easily be changed to[quote]useless=document.createElement("script")
useless.src="[color=red]LINK OF YOUR GRADUAL FADER[/color]"
navBg.appendChild(useless)[/quote]
just a suggestion, follow the rules of this forum. it says in the rule
[b]Use your common sense[/b]
Last edited by Angell de Ville (2008-05-07 03:31:28)
|
- cklahrckiey
- » FTalkFreak
- 1891
- 0
- 1969-12-31
Re: Delete this if useless coz im just a newbie here.... what it does.... :arrow: it just fades ur elements and unfades when you hovers it.. :/ Credits to Dynamic Drive and i found out how to apply it
[quote=Angell de Ville]lolz... u guys saying the code posted was useless?
or maybe u just didn't read the poster's instruction?
The instructions clearly explained how to use the code in almost all the elements in your pages. The poster even gave examples on how to use it on images, hyperlinks and divisions. The only downside of his post is the use of document.write which can easily be changed to
useless=document.createElement("script")
useless.src="LINK OF YOUR GRADUAL FADER"
navBg.appendChild(useless)
just a suggestion, follow the rules of this forum. it says in the rule
Use your common sense[/quote]
hehehe....they didn't notice the instructions of the poster....wakokokok
but anyways im using my idol's trick...keep sharing them bro...
|
- FRT_yamamoto
- » n00b
- 38
- 0
- 1969-12-31
Re: Delete this if useless coz im just a newbie here.... what it does.... :arrow: it just fades ur elements and unfades when you hovers it.. :/ Credits to Dynamic Drive and i found out how to apply it
are you nutz? yaro desu ka? its useless pls try frst b4 u post. no gnna work:evil:
|
- eirol219
- » n00b
- 66
- 0
- 1969-12-31
Re: Delete this if useless coz im just a newbie here.... what it does.... :arrow: it just fades ur elements and unfades when you hovers it.. :/ Credits to Dynamic Drive and i found out how to apply it
lolz thnx for the comments 
[quote=FRT_yamamoto]are you nutz? yaro desu ka? its useless pls try frst b4 u post. no gnna work:evil:[/quote]
^its working
[quote]Delete this if useless[/quote]
[quote=FRT_yamamoto]are you nutz? yaro desu ka? its useless pls try frst b4 u post. no gnna work:evil:[/quote]
^its working
[quote]Delete this if useless[/quote]
Last edited by eirol219 (2008-05-08 04:05:33)
|
- kacang`z
- » FTalkWhiz
- 2662
- 0
- 1969-12-31
Re: Delete this if useless coz im just a newbie here.... what it does.... :arrow: it just fades ur elements and unfades when you hovers it.. :/ Credits to Dynamic Drive and i found out how to apply it
nice your topic......
thanks for sahring.............
|