[Release] Fade In/Out links
 

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>

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.

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

Looks nice...thx :)

Yeah nice, vet effect :)

En 2 nl zie ik hier :)

Hey jah (dit mag niet denk ik :p)

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

thanks for sharing

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)

Hij is cool!! :cool: thanks dude!

Cya

LOL, er zijn hier te veel nederlanders :D

Again dutch talk..... :p

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

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

@ 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?

kewle hack:):) (dutch talk)

nice hack:):P

Dat is ook engels nerd :p Maarja :)

Here the hack doesn't work :(

Nice work, it looks good.

I'll have to try it.

Thanks.

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

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?

lol, great looking addon!
ill install it!

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

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..? ;)

whoever downloaded, can you attach it.

thank you

sonic

Thx I like it

bedankt man! (dutch talk :D)

thnx dude!

Woei, nog meer nederlanders:p

Thnx, im installing the hack right now

]What he said ^ :D lol

hmm, link doesnt work.. :confused:

link is gone:(:(

to bad m8.. loox really nice!

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! :)

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

]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

hehe leuke hek ja !

nice hack, thnx :)

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.?

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

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

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

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

nice one dude, allways like that sort of things!

dat is een goed idee :p

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)

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

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

I have installed it now!

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