MozillaZine

The ChromeZone's Skinning Tutorial Pt. 2 - Skinning the Menubar

Wednesday May 31st, 2000

We now have Part 2 of our skinning tutorial online. In it, we tackle the first part of the project - skinning the menubar. We deal with issues such as style inheritance, system colors and fonts, and how to make sure a component skin plays well with other skins.

#1 alpha transperency

by basic

Wednesday May 31st, 2000 11:12 AM

Can Mozilla have this? ;-) http://www.jcraft.com/weirdx/screenshots.html

why hasn't the build bar been updated?

#3 Re: alpha transparency

by beastie

Thursday June 1st, 2000 10:30 AM

Wow, that's kinda annoying. Personally, I'd lose my mind pretty quick using that desktop.

#11 Re: Re: alpha transparency

by basic

Friday June 2nd, 2000 12:20 PM

Yeah it's annoying, but think of what XUL can do with stuff like that. by layering one XUL element over another, with opacity, almost any skin is possible.

#6 Re: alpha transperency - we got it, sorta

by thelem

Thursday June 1st, 2000 5:31 PM

We have, take a look at bug 3013 http://bugzilla.mozilla.org/show_bug.cgi?id=3013 (status verified fixed).

Only works within Mozilla though, so you can't create the effect shown.

#7 Re: Re: alpha transperency - we got it, sorta

by basic

Thursday June 1st, 2000 5:47 PM

I'm thinking more in the lines of the SVG opacity attribute:

http://www.w3.org/TR/SVG/masking.html#OpacityProperty

#9 Re: Re: Re: alpha transperency - we got it, sorta

by Dan6992

Thursday June 1st, 2000 6:35 PM

In M15 the opacity CSS attribute works on HTML objects!

#10 Re: Re: Re: Re: alpha transperency - we got it, so

by basic

Friday June 2nd, 2000 12:15 PM

Is there any documentation on how opacity work in HTML? Is this part of the W3C standard?

#2 Re: alpha channels

by design4use

Wednesday May 31st, 2000 2:54 PM

What your are showing is X Server using translucency across the desktop. If you mean by your question whether native mozilla windows can do alpha channels, the answer is no on most platforms i know of. However you can use translucency within a Mozilla window by say using a PNG image for control. Also there is the mozilla css attribute opacity, but I had varying success with it working properly. Overall there is of course a CPU cost associated with using alpha channels, so it will work best across machines and platforms if used sparingly. Futhermore the target machine for such a skin must support 16-bit color at least to look good.

#4 I love my green and black menus

by hodeleri

Thursday June 1st, 2000 1:12 PM

They rock!

Thanks for the awesome tutorial, I'll have to keep digging to get a skin just like I want it, but this tutorial clears up a lot of things.

#5 One thing to watch out for

by hodeleri

Thursday June 1st, 2000 5:00 PM

Back up the modern skin into a directory other than chrome, mozilla wouldn't start for me when I had a `modern' and a `copy of modern' in the skins directory.

#8 works here (n/t)

by mozineAdmin

Thursday June 1st, 2000 5:50 PM

.

#12 Anybody up for some reviewing?

by basic

Friday June 2nd, 2000 1:21 PM

Is anyone planning to review M16 when it is released?