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 <_basic@yahoo.com>

Wednesday May 31st, 2000 11:12 AM

Reply to this message

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

Reply to this message

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

#11 Re: Re: alpha transparency

by basic <_basic@yahoo.com>

Friday June 2nd, 2000 12:20 PM

Reply to this message

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

Reply to this message

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 <_basic@yahoo.com>

Thursday June 1st, 2000 5:47 PM

Reply to this message

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

<http://www.w3.org/TR/SVG/…king.html#OpacityProperty>

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

by Dan6992

Thursday June 1st, 2000 6:35 PM

Reply to this message

In M15 the opacity CSS attribute works on HTML objects!

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

by basic <_basic@yahoo.com>

Friday June 2nd, 2000 12:15 PM

Reply to this message

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

Reply to this message

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 <drbrain@segment7.net>

Thursday June 1st, 2000 1:12 PM

Reply to this message

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 <drbrain@segment7.net>

Thursday June 1st, 2000 5:00 PM

Reply to this message

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

Reply to this message

.

#12 Anybody up for some reviewing?

by basic <_basic@yahoo.com>

Friday June 2nd, 2000 1:21 PM

Reply to this message

Is anyone planning to review M16 when it is released?