Mobile Friendly Website


Doing it with style

CSS MENUSSide tab flyout with opacity

Date : 25th March 2007

For all modern browsers

This demo is too wide for your mobile screen.
Please view on a tablet or PC.

Nikon P5000

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


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.

You may use this method on your personal 'non-profit' web site without seeking my permission.
A link back to CSS PLAY is always appreciated.

Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSS PLAY.

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.


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page