Translucent pop up menus

[irisu_yavrum webforumsuser@macromedia.com]

i wanted to do something like this : [url]www.cingular.com[/url], but following the instructions of [url]http://www.macromedia.com/support/fireworks/ts/documents/transpop.htm[/url] i got a background in which letters are difficult to read (bc of the web dither) and the translucent white background looks completely transparent...

pleeeeeeeeeease, somebody knows how cingular.com did their pop up menus???? ; - {
irisu yavrum.




Referring URLs
[url]www.cingular.com[/url]

[Al Sparber- PVII]

\
"irisu_yavrum" <webforumsuser@macromedia.com> wrote in message
news:bmpj64$9o5$1@forums.macromedia.com...

> i wanted to do something like this : [url]www.cingular.com[/url], but following the

instructions of
[url]http://www.macromedia.com/support/fireworks/ts/documents/transpop.htm[/url] i got
a background in which letters are difficult to read (bc of the web dither)
and the translucent white background looks completely transparent...

>
> pleeeeeeeeeease, somebody knows how cingular.com did their pop up

menus???? ; - {

> irisu yavrum.

Here are two pages you might use for inspiration:
[url]http://www.projectseven.com/tutorials/autolayers/[/url]

[url]http://www.projectseven.com/hof/index.htm[/url]
(choose "Apparently Transparently" from the jump menu)

The technniques used work on Mozilla browsers and MSIE (PC).


--
Al Sparber - PVII
[url]http://www.projectseven.com[/url]
Dreamweaver Extensions - DesignPacks - Tutorials - Books
---------------------------------------------------------------------
The PVII Newsgroup | [url]news://forums.projectseven.com/pviiwebdev[/url]
The CSS Newsgroup | [url]news://forums.projectseven.com/css[/url]
---------------------------------------------------------------------

[leann marcucci]

um, al? since that autolayers tutorial falls under the "tutorial" dir, do ya
think maybe we could have the tutorial for the transparent part? first one
looks like the electrica vertical flyout menu but... i don't see anything
about the translucent part in there...well, at least it's not obvious to me
at this point.


tia!!!

-leann

"Al Sparber- PVII" <thisaddress@actuallyworks.com> wrote in message
news:bmq1lf$ro6$1@forums.macromedia.com...

> \
> "irisu_yavrum" <webforumsuser@macromedia.com> wrote in message
> news:bmpj64$9o5$1@forums.macromedia.com...

> > i wanted to do something like this : [url]www.cingular.com[/url], but following the

> instructions of
> [url]http://www.macromedia.com/support/fireworks/ts/documents/transpop.htm[/url] i

got

> a background in which letters are difficult to read (bc of the web dither)
> and the translucent white background looks completely transparent...

> >
> > pleeeeeeeeeease, somebody knows how cingular.com did their pop up

> menus???? ; - {

> > irisu yavrum.

>
> Here are two pages you might use for inspiration:
> [url]http://www.projectseven.com/tutorials/autolayers/[/url]
>
> [url]http://www.projectseven.com/hof/index.htm[/url]
> (choose "Apparently Transparently" from the jump menu)
>
> The technniques used work on Mozilla browsers and MSIE (PC).
>
>
> --
> Al Sparber - PVII
> [url]http://www.projectseven.com[/url]
> Dreamweaver Extensions - DesignPacks - Tutorials - Books
> ---------------------------------------------------------------------
> The PVII Newsgroup | [url]news://forums.projectseven.com/pviiwebdev[/url]
> The CSS Newsgroup | [url]news://forums.projectseven.com/css[/url]
> ---------------------------------------------------------------------
>
>
>
>

[maflu]

"irisu_yavrum" [email]webforumsuser@macromedia.com[/email] wrote:

> i wanted to do something like this : [url]www.cingular.com[/url], but following the instructions of [url]http://www.macromedia.com/support/fireworks/ts/documents/transpop.htm[/url] i got a background in which letters are difficult to read (bc of the web dither) and the translucent white background looks completely transparent...
>
> pleeeeeeeeeease, somebody knows how cingular.com did their pop up menus???? ; - {
> irisu yavrum.
>

Yes me too I am interested in knowing how you can make such a drop down
menu. What is the basic procedure? Thanks

[Al Sparber- PVII]

"leann marcucci" <leann@marcucci.net> wrote in message
news:bmq518$25h$1@forums.macromedia.com...

> um, al? since that autolayers tutorial falls under the "tutorial" dir, do

ya

> think maybe we could have the tutorial for the transparent part? first one
> looks like the electrica vertical flyout menu but... i don't see anything
> about the translucent part in there...well, at least it's not obvious to

me

> at this point.

The tutorial is not done. I listed an example that is not yet publicly
linked. It's not difficult. Building popup menus is a very easy process and
one can use the techniques already published on our site (free or
commercial). The hardest part of making the menu example is writing the
style sheet, but that's right there in the page for anyone to look at and
also contains the rules to make the divs transparent.

--
Al

[irisu_yavrum webforumsuser@macromedia.com]

Al
i had been looking at ur web page for long time and trying to imagine how to make the writing ot the
style sheet ( i saw this feature in dreamweaver but i never found "transparency").. when u say that "that's right there in the page for anyone to look at and also contains the rules to make the divs transparent" i dont know what u mean... i have to say i dunno any languaje, i just know fireworks and dreamweaver.. i am really mess up with all this languajes i just want to know.. is it possible to make this kind of menus with fireworks? if i have to be a web developer (im graphic designer) i guess i will just give up..
take care,
thanks, irisu.

[SKB]

Al,
I followed the link to the tutorial and in NN 7.1 there is no
transparency. It is fine in IE6. I found the links to the style sheets
and viewed them to find the transparency rules.
Appearently NN7.1 (at least mine)is ingnoring the import of the version
5 style sheet. Assuming here that NN7 is a mozilla browser.

SKB

Al Sparber- PVII wrote:

> \
> "irisu_yavrum" <webforumsuser@macromedia.com> wrote in message
> news:bmpj64$9o5$1@forums.macromedia.com...
>

>>i wanted to do something like this : [url]www.cingular.com[/url], but following the

>
> instructions of
> [url]http://www.macromedia.com/support/fireworks/ts/documents/transpop.htm[/url] i got
> a background in which letters are difficult to read (bc of the web dither)
> and the translucent white background looks completely transparent...
>

>>pleeeeeeeeeease, somebody knows how cingular.com did their pop up

>
> menus???? ; - {
>

>>irisu yavrum.

>
>
> Here are two pages you might use for inspiration:
> [url]http://www.projectseven.com/tutorials/autolayers/[/url]
>
> [url]http://www.projectseven.com/hof/index.htm[/url]
> (choose "Apparently Transparently" from the jump menu)
>
> The technniques used work on Mozilla browsers and MSIE (PC).
>
>

[Al Sparber- PVII]

"SKB" <skb@shouldbefun.com> wrote in message
news:bmu5t2$gjs$1@forums.macromedia.com...

> Al,
> I followed the link to the tutorial and in NN 7.1 there is no
> transparency. It is fine in IE6. I found the links to the style sheets
> and viewed them to find the transparency rules.
> Appearently NN7.1 (at least mine)is ingnoring the import of the version
> 5 style sheet. Assuming here that NN7 is a mozilla browser.

Mozilla experimented with an opacity filter but dropped it in the latest
releases... bowing to pressure from the purists, I imagine. There is talk
about features like this being included in future CSS versions. Note to PNG
people: this has nothing at all to do with images.

--
Al

[Joe Makowiec]

On Sun 19 Oct 2003 12:52:04p, Al Sparber- PVII wrote in
macromedia.fireworks:

>
> "SKB" <skb@shouldbefun.com> wrote in message
> news:bmu5t2$gjs$1@forums.macromedia.com...

>> Al,
>> I followed the link to the tutorial and in NN 7.1 there is no
>> transparency. It is fine in IE6. I found the links to the style
>> sheets and viewed them to find the transparency rules.
>> Appearently NN7.1 (at least mine)is ingnoring the import of the
>> version 5 style sheet. Assuming here that NN7 is a mozilla browser.

>
> Mozilla experimented with an opacity filter but dropped it in the
> latest releases... bowing to pressure from the purists, I imagine.
> There is talk about features like this being included in future CSS
> versions. Note to PNG people: this has nothing at all to do with
> images.

They made one of those annoying little changes. On that page you use:

..p7menDiv {
-moz-opacity: 50%;
filter: alpha(opacity=50);
}

Instead of a %, you have to use a decimal. Try:

-moz-opacity: .50;

[Al Sparber- PVII]

"Joe Makowiec" <webmaster@munged.brunswicklibrary.invalid> wrote in message
news:Xns94199B3A3991DmakowiecatnycapdotrE@65.57.83 .209...

> On Sun 19 Oct 2003 12:52:04p, Al Sparber- PVII wrote in
> macromedia.fireworks:
> They made one of those annoying little changes. On that page you use:

> Instead of a %, you have to use a decimal.

Thanks Joe. I'd heard they dropped it, didn't know they changed it.

Best,

--
Al

[SKB]

AL,Joe,

I made the change to the style sheet and it worked in NN7.1.

SKB

Joe Makowiec wrote:

> On Sun 19 Oct 2003 12:52:04p, Al Sparber- PVII wrote in
> macromedia.fireworks:
>
>

>>"SKB" <skb@shouldbefun.com> wrote in message
>>news:bmu5t2$gjs$1@forums.macromedia.com...
>>

>>>Al,
>>>I followed the link to the tutorial and in NN 7.1 there is no
>>>transparency. It is fine in IE6. I found the links to the style
>>>sheets and viewed them to find the transparency rules.
>>>Appearently NN7.1 (at least mine)is ingnoring the import of the
>>>version 5 style sheet. Assuming here that NN7 is a mozilla browser.

>>
>>Mozilla experimented with an opacity filter but dropped it in the
>>latest releases... bowing to pressure from the purists, I imagine.
>>There is talk about features like this being included in future CSS
>>versions. Note to PNG people: this has nothing at all to do with
>>images.

>
>
> They made one of those annoying little changes. On that page you use:
>
> .p7menDiv {
> -moz-opacity: 50%;
> filter: alpha(opacity=50);
> }
>
> Instead of a %, you have to use a decimal. Try:
>
> -moz-opacity: .50;