How to Design

Check out this great CSS advanced menu tutorial by Nick La, showing us how to slice up the menu design step by step and putting them together with CSS.
Note: there is an IE6 bug where the hover effect doesn’t display properly. To fix that, you can use Javascript to specify the to display block on mouseover.

A new concept by altering the non navigation items on hover state which will focus the user’s attention on the item they have hovered on, and create a new look and feel for the site overall. Works perfectly in any modern browser, yet still be fully functional in your older version of IE as well.


The Famous Suckerfish Dropdowns is now back and they’re more accessible, even lighter in weight (just 12 lines of JavaScript), have greater compatibility (they now work in Opera and Safari without a hack in sight) and can have multiple-levels.


This menu has a vertical sliding first sub level then two flyout levels and demonstrates how it is possible to change positional styling from ‘absolute’ and off screen to ’static’ and expanding the menu vertically.


A useful CSS technique for providing pop-up descriptive content by extending nav menus with tool-tips, alerts, notifications, or additional info.


8 Great CSS based Menus, you just can’t miss.


Drop Down Tabs comes with 5 sleek examples to let you quickly pick your favourite to use on your site. Customize each example’s CSS to modify the look as desired. We got you covered alright!

I said “Wow!” when saw this flash template. It was recently released by FlashMint. Though I do not really back up tendency to use website templates instead of custom design, but this photo studio flash CMS template pleasantly surprised me. It costs only $109 but looks like $1000s. Why? Bright colors, graphic motion, clean images – all it make the design look trendy and artistic. The navigation is precise and sharp. Have just noticed – you can drag the images up and down with a mouse. Good job, FlashMint team!

Photo studio flash template - Live Demo