«

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!

--
Message posted via http://www.webmasterkb.com

On 2007-07-23, jakeatkins via WebmasterKB.com <u35973@uwe> wrote:
> 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.

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?

Ben C wrote:
>> 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.

--
Message posted via WebmasterKB.com
http://www.webmasterkb.com/Uwe/Forum...l-dev/200707/1

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?

jakeatkins wrote:
>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?
>
>>> 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.

--
Message posted via http://www.webmasterkb.com

Ben C <> writes:

> On 2007-07-23, jakeatkins via WebmasterKB.com <u35973@uwe> wrote:
>> 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.

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

--
Web Hosting by West Virginians, for West Virginians: http://wv-www.net
Cocoa programming in Perl: http://camelbones.sourceforge.net

On 2007-07-23, jakeatkins via WebmasterKB.com <u35973@uwe> wrote:
> Ben C wrote:
>>> 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.

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

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?


Ben C wrote:
>>>> 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?

--
Message posted via WebmasterKB.com
http://www.webmasterkb.com/Uwe/Forum...l-dev/200707/1

Sherm Pendley wrote:
>
> 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.

--
Berg

jakeatkins via WebmasterKB.com wrote:
> 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!


--
www.daszeichen.ch
remove nixspam to reply

On 23 Jul 2007 Bernhard Sturm wrote in alt.html

Why?

> jakeatkins via WebmasterKB.com wrote:
>> 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!
>
>


--
D?
Yorkshire Pete
http://yorkshirepete.com/