80 FREE & COOL CSS MENUS

Share/Save/Bookmark

Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. Tutorials, books, mailing lists for users, etc.

For background information on style sheets, see the Web style sheets page.

Here is a list with some of the best looking free css menus you can find. Enjoy!

Slate

Pre-built in red, blue, green and purple.

Time 4 Bed Menu

Pre-built in white/orange. Clean and simple. 3 Images.

Simple Menu

Pre-built in blue/green. Clean and simple. No Images.

Vert-one

Pre-built in maroon. Only 1 image file for arrow. Clean and simple. Vertical.

Saturday

Pre-built in light green/auburn.

Dolphin

Pre-built in blue.

Fox

Pre-built in red. Background color controlled in css.

Wax

Pre-built in blue, orange, red, green and grey.

Style #1

Pre-built in grey/blue.

Style #2

Pre-built in grey/blue.

Style #4

Pre-built in red/grey. Top red line controlled via CSS.

Style #5

Pre-built in dark blue. Bottom pink-ish line controlled via CSS.

Free CSS Navigation Menu Designs

These eleven CSS navigation menus are created using the Sliding Doors technique

More Free CSS Navigation Menu Designs

Due to overwhelming response concerning the first set of free menus, the author created twelve more CSS navigation menus.

14 Free Vertical CSS Menus

These vertical menus can be used for commercial or private use.

ADxMenu

These are 4 most basic examples.

A centered menu with top pointer

A centered menu with tab highlight

A centered menu with gradient and two pointers

Professional horizontal series

A hexagonal menu

Mini Tabbed Pages

Overlapping tabs

Overlapping tabs - Type Three

A neon menu

Professional centered sliding doors dropline menu

Professional centered sliding doors dropline menus

Artists drop-down validating menu

CSS based navigation

Multi-Column Lists

4 Responses to “80 FREE & COOL CSS MENUS”

  • #1
    Posted by john
    on May 27th, 2008 at 3:01 pm

    how to download all of them in a single click ??

  • #2
    Posted by Fabiano
    on May 30th, 2008 at 10:05 pm

    Vou testar ainda sou novo no assunto.

  • #3
    Posted by Antonio
    on September 12th, 2008 at 9:33 pm

    I’m using Yahoo sitebuilder and I’m not sure how to get one of these nav bars into my site. Any help? Where do I place the CSS code; where do I place the html code; and where do I upload the images?

  • #4
    Posted by badeziner
    on September 16th, 2008 at 2:48 am

    Hello Antonio.

    Honestly, I have never used the Yahoo site builder tool. All I can say is that to me it seems a lot easyer to build a website using the notepad.exe app in ms windows. What I can tell you is to create the website whith the site builder, then download the images and manually edit them to add the css code and html code for one of these menus. The code can be found on the websites where the menus are. You can also view the source for the demo pages and take the code dirrectlyu from the source of the demos. please check with the copyright before using.

    thank you.

 

Leave a Reply

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>