Stu Nicholls | CSSplay | Side tabs with opaque flyouts

Side tab flyout with opacity

25th March 2007

The COOLPIX P5000 delivers the kind of advanced functions, ease of operation and outstanding image quality that enables you to capture images precisely as you intended.

A remarkable 10.0 megapixels of resolution combine with a 3.5x Zoom-Nikkor lens equipped with an optical Lens shift Vibration Reduction image stabilization system to give you the power to shoot everything in stunningly sharp detail, and a newly designed mode dial provides fast and easy access to the unlimited creative possibilities offered by P, S, A and M exposure modes.

Its advanced new image-processing engine optimizes performance and color reproduction and features enhanced noise reduction to preserve image quality when you shoot at the high end of its light sensitivity range, which extends up to ISO 3200*. Photographic versatility is further enhanced thanks to its optical viewfinder and the built-in accessory shoe that supports Nikon's advanced i-TTL flash control for external flashes.

Extract from the Nikon website

Information

Another vertical tab menu, this time for 'Khubsurat Graphics', who asked if this type of menu would be possible.

This one makes use of 'transparency' for the flyout sublevel which will not validate. You can omit the transparency if you require CSS validation.

The flyouts in this demonstration can hold from one to fifteen links, but with a change of flyout dimensions they can hold as many as you like.

This has been tested in IE5.5, IE6, IE7, Firefox and Opera.

Copyright

Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.

1. If you are using this on a personal web site then please add a link back to CSSplay and retain any copyright comment in the stylesheet.
A donation to the 'Support CSSplay' fund would be appreciated.

2. If you are using this on a commercial web site, or as a paying job for a client, then please email me asking for permission - stu{at}cssplay.co.uk and in this case a donation to the 'Support CSSplay' fund is required.

3. If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.