Forum Moderators: open

Message Too Old, No Replies

a script that fades text to a different color when it's near the top

or bottom of the screen?

         

mylungsarempty

4:32 pm on Jan 25, 2004 (gmt 0)

10+ Year Member



My site would look amazing if i could make the text fade from black to ivory as it approaches the top and bottom of the visible area. I have two inline frames, surrounded by ivory, and it would look incredible if the black text faded to ivory when the page was scrolled. Is this feasible with Javascript, or any other language? ... css to the rescue, perhaps?

BlobFisk

1:28 pm on Jan 26, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



If you're not worried about browser compatibility, you could have a look at the IE filters... They might help you out...

DrDoc

5:20 am on Jan 26, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You can't do it with CSS... But, you can do it by putting a semi transparent gradient PNG over the text, using Alpha transparency.

mylungsarempty

5:21 am on Jan 27, 2004 (gmt 0)

10+ Year Member



DrDoc, i think that's a very good idea. I have Photoshop 7, however i cannot find an option to allow me to save my .png file as a transparent image. When i save it, there is gray where transparency ought to be. What program can i use to save a png file as transparent?

mylungsarempty

5:31 am on Jan 27, 2004 (gmt 0)

10+ Year Member



Okay, well i see it's simply a compatibility issue. I did a little searching, and found a helpful short tutorial on getting alpha transparency in .png images to work in IE 5.5+...

[howtocreate.co.uk...]

that's the URL... i'm about to try this out and see how it works for me. Wish me luck.

mylungsarempty

5:49 am on Jan 27, 2004 (gmt 0)

10+ Year Member



Well that really works great... my next question is if it is possible, by any means, to lay an image over a list of links, but let the links remain clickable...

As of right now, i have this transparent image on top of my links. I can work around this, but the curiosity is killing me -- could i do anything to tell the browser "hey, i only want this image to show up. pretend it isn't there, otherwise, and let me click on the links underneath it"...?

Purple Martin

5:57 am on Jan 27, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



hehe, I can understand your frustration!

I guess the point to remember is that the internet is there for sharing information. It was never intended to look like a glossy magazine with complex artwork. Try to remember why you decided to build a website in the first place. I'll bet the reason wasn't "to make a cool text-fade effect".

Having said that, there are tools for making stuff that looks like a glossy magazine with complex artwork. Flash and Director spring to mind, and would be able to create the effect you're after. There's always the age-old accessibility issues with such tools, but if looks are of major importance to you (as they are to some graphic design companies who want to show off their skills) then they may be just what you want.