There are four buttons on this example, each of which has three states. That would normally be 12 images (thus 12 server requests), but thanks to the CSS sprites technique it is only one. The technique is demonstrated practically in the form of an accordion widget.

Demo

Download

Need a block menu fast!

Below are simple CSS menu designs for you to download and use any way you see fit.

You can download the complete set, or an individual menu by clicking the Download Menu button located on each menu.

Please feel free to download for commercial or private use, and modify to suit your needs.

Website: http://e-lusion.com/design/menu/

CSS Menu Generator will generate both the CSS and the HTML code required to produce a text-based yet appealing set of navigation buttons. As text links are fast becoming preferred over images where search engine optimization is needed, a CSS menu can give the affectiveness of text links with a better look than standard text links. For an example of a CSS menu, look at our navigation on the left.

There are 3 different styles of menu available to generate, so for this first step, please choose the style you prefer by clicking on the appropriate radio button below then clicking the ‘Proceed’ button.

CSSPlay is presenting a chic circular menu that can have sub-menus.

Within a limited space, the menu offers a comprehensive browsing experience.

There is also a small information that can be displayed when an item is hovered.

It uses ordered-lists for all major browsers & uses some tables if the browser is IE6.

P.S. The menu is not totally free. A donation is required for use.