multi_drop_menus.transparent ul ul li {
opacity:0.9;
-moz-opacity:0.9;
?¬? lter:alpha(opacity=90);
}
When you use the menus in your own projects, you can go into the
style sheet and adjust the transparency level, but remember to do it
in all three places.
The Transparent Sidebar Panel
As you can see if you look back at the ?¬? nished page (Figure 7.1), the
left sidebar has a gray box with rounded corners that is also transparent.
However, the transparency here is not produced programmatically
through the code, but in the way the graphics are created.
Rounded-corner boxes are the calling card of the Web 2.0 design
movement, and it should be really easy to create them??”after all, the
capability to round the corners of divs is a feature of CCS3. However,
with the exception of Mozilla-based browsers such as Firefox, which
use a proprietary method of doing this, no browsers currently support
this feature. Except for some efforts to simulate this effect with
JavaScript, such as the NiftyCorners code we saw in Chapter 5,
rounded-corner boxes have been created with graphics.
Creating Rounded Corners with JavaScript
Seeing as rounded boxes are so popular right now, here are some programmatic
rounded boxes solutions:
Rounded Corners fromEditsite.net
http://www.editsite.net/blog/rounded_corners.html
Spiffy Corners from Spiffy Corners.
Pages:
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298