| Author |
 Topic Search  Topic Options
|
Necronom 
Groupie
Joined: 19 October 2001
Location: United States
Status: Offline
Points: 116
|
 Topic: Scolling Text w/ overlay image help!
Posted: 24 November 2003 at 3:43pm |
I'm currently redesigning a page and I'm looking for a specific effect. I want to have a text area (not a form, just a place with text...like an iframe or table or something) that scrolls, but the kicker is that I want to have an image overlay the text. The image will stay static. The best way to describe it is if you cut hole in a plain piece of paper with edges like /\/\/\/\/\/\/\/\ and you slid moving text under it...that's the effect i'm going for. I know it's possible because I've seen it done a few times, I just can't remember where (figures...ech). I believe that it has to do with DHTML, CSS, or both. Any help would be greatly appreciated!
Here's an image to hopefully help with what I'm going for:
Thank you!
. necronom .
|
|
|
 |
ljamal
Mod Builder Group
Joined: 16 April 2003
Status: Offline
Points: 888
|
Posted: 24 November 2003 at 4:57pm |
What you are looking for is something similar to this
http://www.fearrington.com/
DHTML all the way.
|
|
|
|
Necronom
Groupie
Joined: 19 October 2001
Location: United States
Status: Offline
Points: 116
|
Posted: 24 November 2003 at 5:46pm |
Close, but i need the image to actually go over the text.
Thanks!
. necronom .
|
|
|
|
ljamal
Mod Builder Group
Joined: 16 April 2003
Status: Offline
Points: 888
|
Posted: 24 November 2003 at 6:14pm |
|
It's the same concept the image will be part of a static layer above the text layer and the text will scroll under that static layer.
If you take the image a set a transparency color in the GIF and place it so that it is static right above the iframe it will give you the effect that you wish.
|
|
|
|
Diep-Vriezer
Senior Member
Joined: 06 August 2003
Location: Netherlands
Status: Offline
Points: 831
|
Posted: 27 November 2003 at 12:25pm |
|
I don't think GIF would work, since GIF only marks one color as transparent. PNG allows you to mark multiple transparancy color's, so chose PNG-32.
|
|
Gone..
|
|
dpyers
Senior Member
Joined: 12 May 2003
Status: Offline
Points: 3937
|
Posted: 05 December 2003 at 4:13pm |
|
Have you checked out CSS layers?
|
Lead me not into temptation... I know the short cut, follow me.
|
|
Necronom
Groupie
Joined: 19 October 2001
Location: United States
Status: Offline
Points: 116
|
Posted: 17 December 2003 at 2:17pm |
could you post an example?
thx!
.: Adam
|
|
dpyers
Senior Member
Joined: 12 May 2003
Status: Offline
Points: 3937
|
Posted: 17 December 2003 at 6:19pm |
look at http://www.pyers.com/stuff/
view source
BTW... as far as books on css go - IMHO - there's Eric Meyer and in second place is everyone else.
Edited by dpyers
|
Lead me not into temptation... I know the short cut, follow me.
|
|
Scolling Text w/ overlay image help!