Fade effect on top and bottom of page while scrolling

[jakeatkins via WebmasterKB.com]

I'm looking for some kind of effect where the text/images shown in a frame
will gradually fade to black within 25 pixels of the top and bottom border of
the frame while scrolling. Can this be inserted this into a style.css file?
Thanks!

 

[Ben C]

I'm looking for some kind of effect where the text/images shown in a frame
will gradually fade to black within 25 pixels of the top and bottom border of
the frame while scrolling. Can this be inserted this into a style.css file?
Thanks!

You could make a graduated black image that goes from fully transparent
at the bottom to fully opaque at the top and superimpose it over the top
of the frame with absolute positioning.

 

[jakeatkins via WebmasterKB.com]

Genius idea! But how do I get the text to go behind the graduated image?
This is on a wordpress blog, and I don't see any html file, just all .phps
with a style.css. where would I even put in the code to do this correctly?

 

[jakeatkins via WebmasterKB.com]

I think I know what your saying to do, to put an absolute image position on
the .html that opens the frames. But I would also want the same effect on
the bottom of the frame, how would I determine an absolute location when
taking into account all the different browsers and screen/window sizes?

Genius idea! But how do I get the text to go behind the graduated image?
This is on a wordpress blog, and I don't see any html file, just all .phps
with a style.css. where would I even put in the code to do this correctly?
[quoted text clipped - 4 lines]

at the bottom to fully opaque at the top and superimpose it over the top
of the frame with absolute positioning.

 

[Sherm Pendley]

You could make a graduated black image that goes from fully transparent
at the bottom to fully opaque at the top and superimpose it over the top
of the frame with absolute positioning.

That was my first thought as well. But, a gradient alpha channel means PNG;
GIF has only one-bit alpha and JPEG none at all. Doesn't IE have "issues"
with its support for PNG?

sherm--

 

[Ben C]

Genius idea! But how do I get the text to go behind the graduated image?

Absolutely positioned things go on top of other things generally anyway.

This is on a wordpress blog, and I don't see any html file, just all .phps
with a style.css. where would I even put in the code to do this correctly?

Don't know. You mean you can only add styles and not HTML?

 

[jakeatkins via WebmasterKB.com]

I've put this in the top of the specific frame's index.php:

<img src="smred.gif" STYLE="position:absolute; left: 100px;">

It shows up in the frame over top of text, but doesn't move with the
scrolling, just stays where it was dropped...? Does the absolute image code
need to go in the .html file with the framesets? Where would I put it since
there is no body tags in the frameset.html?

I'm looking for some kind of effect where the text/images shown in a frame
will gradually fade to black within 25 pixels of the top and bottom border of [quoted text clipped - 4 lines]
at the bottom to fully opaque at the top and superimpose it over the top
of the frame with absolute positioning.

Genius idea! But how do I get the text to go behind the graduated image?

Absolutely positioned things go on top of other things generally anyway.

This is on a wordpress blog, and I don't see any html file, just all .phps
with a style.css. where would I even put in the code to do this correctly?

Don't know. You mean you can only add styles and not HTML?

 

[Bergamot]

a gradient alpha channel means PNG;
Doesn't IE have "issues" with its support for PNG?

I believe IE7 does (mostly?) support png alpha transparency, but IE6 has
its own weird way of handling it with a proprietary CSS "filter"
property. It does require ActiveX enabled to work, though. If disabled,
I believe you get no background image at all, which could be a
readability problem.

 

[Bernhard Sturm]

I've put this in the top of the specific frame's index.php:

<img src="smred.gif" STYLE="position:absolute; left: 100px;">

It shows up in the frame over top of text, but doesn't move with the
scrolling, just stays where it was dropped...? Does the absolute image code
need to go in the .html file with the framesets? Where would I put it since
there is no body tags in the frameset.html?

please stop top posting!

 

[Yorkshire Pete]

On 23 Jul 2007 Bernhard Sturm wrote in alt.html

Why?

 

[Jonathan N. Little]

On 23 Jul 2007 Bernhard Sturm wrote in alt.html

Why?

Because now no one can easily decipher who was replying to whom.

 

[Sherm Pendley]

On 23 Jul 2007 Bernhard Sturm wrote in alt.html


Why?

Because it's rude, and you've been asked nicely to do so.

sherm--

 

[Neredbojias]

Well bust mah britches and call me cheeky, on Tue, 24 Jul 2007 01:09:04 GMT
Yorkshire Pete scribed:

On 23 Jul 2007 Bernhard Sturm wrote in alt.html

Why?

Youse is sooooooo bad! Now I see why The Lone Ranger replaced you with
Tonto.

 

[Travis Newbury]

jakeatkins via WebmasterKB.com wrote:
please stop top posting!

Maybe you could explain to him what top posting is...

 

[Travis Newbury]

Because it's rude, and you've been asked nicely to do so.

Well I don't think "rude" is correct, you want to do it because it is
the standard for this particular group. Other groups prefer other
formats.

As far as being asked nicely, well, I thought that the request was
actually a little rude. It would have been so much nicer if the
request came with an explanation of what the problem was rather than
just blerting out "please stop top posting!" The exclamation point at
the end turned a request into a demand.

I believe we all need a group hug in this thread. Come-on... even you
Neredbojias...

 

[Bernhard Sturm]

Well I don't think "rude" is correct, you want to do it because it is
the standard for this particular group. Other groups prefer other
formats.

So there are groups that prefer top-posting? I wonder if this really
exists. I admit: I got a bit pissed by reading the thread because I
wasn't able to follow it properly as the top-posting made it impossible
to determine who wrote what in response to whoms text.

> It would have been so much nicer if the
request came with an explanation of what the problem was rather than
just blerting out "please stop top posting!" The exclamation point at
the end turned a request into a demand.

Indeed. It was a demand. It's a bit like 'Do not cross!' when you come
to a red traffic light.

I believe we all need a group hug in this thread. Come-on... even you
Neredbojias...

I love you, and I love the group, and we all love each other, but don't
top post! And always submit a URL! And don't expect this to be a
help-desk!

cheers
bernhard

 

[Bernhard Sturm]

This is an example of top-posting (see below).

Maybe you could explain to him what top posting is...

Top posting is, when you enter your text above all others text within a
message (see above).

HTH
bernhard

 

[Ben C]

I've put this in the top of the specific frame's index.php:

<img src="smred.gif" STYLE="position:absolute; left: 100px;">

It shows up in the frame over top of text, but doesn't move with the
scrolling, just stays where it was dropped...?

Yes, I thought that was what you wanted-- so that as things scrolled out
of view at the top and bottom they sort of faded away.

Does the absolute image code need to go in the .html file with the
framesets?
Where would I put it since there is no body tags in the frameset.html?

Well the <bodies> are in each document that's loaded into the frames.
But I don't really understand any more what the effect is that you want.

 

[Yorkshire Pete]

On 23 Jul 2007 Bernhard Sturm wrote in alt.html


Why?

Because it's rude, and you've been asked nicely to do so.

sherm--
[/QUOTE]

It's rude not to get your facts straight. Nobody asked me not top post.

 

[Neredbojias]

Well bust mah britches and call me cheeky, on Tue, 24 Jul 2007 10:19:59 GMT
Travis Newbury scribed:

As far as being asked nicely, well, I thought that the request was
actually a little rude. It would have been so much nicer if the
request came with an explanation of what the problem was rather than
just blerting out "please stop top posting!" The exclamation point at
the end turned a request into a demand.

I believe we all need a group hug in this thread. Come-on... even you
Neredbojias...

Whaddya think I am, a homo? How rude!