[Release] Fade In/Out links

[djr]

Release: Fade In/Out hyperlinks

Author: Anarchos

Description: Fading script fades a link from one color to another when the mouse goes over it, and then back when the mouse goes off

Screenshot: not provided. The author's website is down and my test board went bezerk on me. If possible, can somebody else who implemented this hack provide a demo link?

Download: see attached file (unzip and open the fade.js file in your favorite editor)


This is a very very nice Javascript fader I stumbled into. It fades in all hyperlinks as you hover over them and fades out when you mouse out of the link. Delay of fading and color are all customizable and even Mac-browser support is provided (though tricky).

Installation and configuration is pretty straightforward and all done in the provided .js file. Just edit it with an editor of your choice and put the modified fade.js file in your root forums directory.
Tip: set autofade=True in the .js config section!

Install instructions for your vB board:

Upload the modified .js file to your forums/ directory
Log in to your AdminCP
Navigate to Templates > Modify > Headinclude template
Insert the following code just after </style>


<script src="fade.js" language="Javascript"></script>


As this script is not mine, I will not be able to provide support. Just wanted to submit a cool script to the community :-)

Warning: the fade effect won't work on links between <b></b>,<i></i>,<font> and some other tags as stated in the .js file.

[Trust]

Thx dude. Ben je nederlands ?? Ik iig wel :)

Looks nice...thx :)

[D3StRoY]

Yeah nice, vet effect :)

En 2 nl zie ik hier :)

[Trust]

Hey jah (dit mag niet denk ik :p)

@ SaintDog: Sorry for spam (dutch people talk :p)

[sphinx]

thanks for sharing

[djr]

Glad you all like it! It looks very cool (anywhere on the website!). It adds that extra touch to the forums.

@ Trust/D3StRoY: ja, ik ben ook een kaaskop ;) (dutch talk, sorry)

[snottie]

Hij is cool!! :cool: thanks dude!

Cya

[Xbox]

LOL, er zijn hier te veel nederlanders :D

Again dutch talk..... :p

[Urban420]

actaully this isn't supposed to be released here, this is only for template modifications, this should be closed/deleted

[SaintDog]

I will allow it, it mainly deals with template modifications and it is only modifying the js file, not PHP files.

[djr]

@ SaintDog: thanks! I had only best intentions and looked at it as a template modification as it's only visually oriented and not a *hack* as we know from vbulletin.org.

- djr

ps. Are you planning on installing it here?

[Tyfoon]

kewle hack:):) (dutch talk)

nice hack:):P

[Trust]

Originally posted by Tyfoon
kewle hack:):) (dutch talk)

nice hack:):P

Dat is ook engels nerd :p Maarja :)

Here the hack doesn't work :(

[Lats]

Nice work, it looks good.

I'll have to try it.

Thanks.

[imported_Triple H]

i noticed that this doesn't work on the forum names on the forum home.. only thread links and such....

[rukasu]

Is there a way of making this default for all links?

Also Im not very knowledgable about java, is there way of making it fade in and out until the mouse is taken off it?

[Allstar DC]

lol, great looking addon!
ill install it!

[dutch talk] veel nederlanders hier!, misschien moeten we een nederlands hack forum opzetten ;) [/dutch talk]

[imported_aLuCaRD]

Cant download it or look at the site for a demo, has the site gone..? If so could someone attach it here for the late arrivals please..? ;)

[sonic3d]

whoever downloaded, can you attach it.

thank you

sonic

[Trekkie]

Thx I like it

[ewdnl]

bedankt man! (dutch talk :D)

thnx dude!

[Xantixle]

Woei, nog meer nederlanders:p

Thnx, im installing the hack right now

[[WiZZarD]]

]Originally posted by sonic
whoever downloaded, can you attach it.

thank you

sonic

What he said ^ :D lol

[ewdnl]

hmm, link doesnt work.. :confused:

[Sc0rp]

link is gone:(:(

to bad m8.. loox really nice!

[mashby]

It appears that the link to the demo is no longer valid. I've PM'd the author, but in the meantime, if anyone has this installed on their board, could you please post a link here so that we can show a demo of this template mod?

Thanks in advance! :)

[djr]

Edited and updated my original post. It seems the author's website is down and my test board (where I had the fader installed) doesn't work anymore.
The file is now in the original post.

Have fun playing with it,
- djr

[[WiZZarD]]

]Thanks a bunch m8!! :D :D

But is there a way to have the <b> </b> fade? and all the other tags as well?

Kinda looks messed up when only a few links will fade :P

[dr3w]

hehe leuke hek ja !

nice hack, thnx :)

[odmac]

how do i change the color of the faded link color ../.

example: after it fades into a color , how do i change the color of the faded.?

[djr]

it's in the .js file:
fadeColor = "#FF9900"; // color to fade to

or do you mean the original link color? That's in your .style file
(Admin CP > Styles > Modify > Fonts/Colors/Etc)

Also, for all other users. As I'm not the original author if this javascript, I'm not able to support it. It's current state will NOT support fading in <b></b>, <i></i> and other tags. I'm sorry :( If you want to play around with the .js and get that feature working, please let us know in this thread!

- djr

[odmac]

oh i got it now , thanx for your help .. and it was the .js file that needed editing .. thanx a bunch - :)

[banoota]

i don't get it! it didn't work for me =(

[banoota]

odmac, what did u have to change? so far, everything between the < b > and < /b> didn't work with the fade effect

[VinZ]

nice one dude, allways like that sort of things!

[Photon]

Originally posted by Allstar DC
lol, great looking addon!
ill install it!

[dutch talk] veel nederlanders hier!, misschien moeten we een nederlands hack forum opzetten ;) [/dutch talk]

dat is een goed idee :p

[Jakelshark]

its a month old post, but o well. its on my forums

http://jakelshark.no-ip.com/forums/index.php

as for the <b> and <i> tags, i would suggest taking them out of the board titles and such (i would but not now, maybe tommorrow)

[imported_Eternale]

ummmm not to sound rude. but cant you do this already with vbulletin in the admin panel?

[Jakelshark]

probly, and i think i might have found a code. just let me test it out. it should fade <b> and <i>

[Automated]

I have installed it now!

Very good, and VERY easy to change colours even for a big newbee like me!

[koji]

i can't get this to work !
can someone wrote a more detail instruction !
what excatly do i need to edit in fade.js ?

[fxs]

great... im remove this lines of fade.js and include in template header... to use hover link colors (with more styles)

<script language="Javascript">
fadeColor = "{hovercolor}";
stepIn = 20;
stepOut = 25;</script>

:)

[Omega Prime]

Thanks for the file...I may use this :)

[kreatiV]

Nice addiditon, the fade.js on my old phpBB2 board.

Now it would be cool if the fades could also be applied to the forum names & categories.

Anyone figured this one out already?

[Zia]

did that work with vb3.5.2 ?

[Marco van Herwaarden]

Well this is a 3 year old thread, probably made for vB2.0. Since it is just some HTML/JS i think the idea should work on all versions.