Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library
Submit an original CSS code
CSS Layouts
Web Graphics
Online Tools:
Last commented:

CSS Library Horizontal CSS Menus

Welcome to Dynamic Drive's new CSS library! Here you'll find original, practical CSS codes and examples such as CSS menus to give your site a visual boast.

Page 7 of 7 pages « First  <  5 6 7

Thick Underline Menu

Thick Underline Menu
This horizontal CSS menu goes with a minimalist approach, by applying just a thick border underneath each link to give it style. It supports easy centering (or right aligning) on the page, just by changing the text-align property in the CSS. No images are used, just good old code.

Two level CSS Tabs menu

Two level CSS Tabs menu
Building on a regular CSS Tabs Menu, this CSS menu supports second level content that can be associated with specific tabs. By giving both a tab and the desired sub content a class of "selected", the sub content becomes visible on the page.

Uber Round Color Tabs

Uber Round Color Tabs
Uber Round Color Tabs is a solid colored CSS menu with tabs that are well rounded on each side. Thanks to two transparent gifs used to create the corners, the tabs can be customized to any desired color using CSS color values alone.

Underline Horizontal Menu

Underline Horizontal Menu
This is a sleek CSS horizontal menu with a popular "underline" effect shown whenever the mouse rolls over a link. Each link (<a>) also carries a background image, used to as the indented line graphic that separates each menu item.

Vertical Divider Menu

Vertical Divider Menu
One of the most popular CSS menu interfaces around, this is a horizontal CSS menu that uses an indented vertical divider to separate each menu item. Each item can change background color when the mouse moves over it.

Vista Aero Buttons Menu

Vista Aero Buttons Menu
This menu consists of a row of independent, Vista aero looking CSS buttons, and departs from the typical list based menu structure. Each button appears initially faded out slightly via CSS opacity, then brought back to full opacity during the "hover" state.

Wire Frame Aura Menu

Wire Frame Aura Menu
This is a clean looking CSS menu with simply a gray border outlining its edges. To add a little flare, an "aura" effect is added when the mouse moves over the menu items, realized using a gradient ellipse image. This menu supports easy alignment other than "left", such as "center" or "right" instead.

Page 7 of 7 pages « First  <  5 6 7

Sponsors

Advertise Here

Copyright 2006-2011 Dynamic Drive Read our Usage Terms before using any of the CSS codes.