A versatile horizontal navigation bar with rounded corners.
The navigation has hover and active states as well as a hover-over sub-navigation. The whole thing is styled in blue (just because I like blue!), but the colour comes entirely from the style on each layer and all elements are fully customisable shapes, so experiment with whatever colours suit your needs.
Includes HTML and CSS demo with the jQuery suckerfish technique, which is tested and fully functioning in all major browsers (even IE6 !).
The font used throughout is good ol’ MS Arial (although I did also use Freestyle Script for the annotation).
Canvas Size: 1200×800
Actual Navigation Size: 960×45 (fits perfectly with the 960 grid system)
Made in Photoshop CS4 but saved in ‘Maximize Compatibility’ mode for anyone with an older version.