Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library
Submit an original CSS code
CSS Layouts

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 5 of 8 pages « First  <  3 4 5 6 7 >  Last »

CSS Indent Menu

CSS Indent Menu
Using two gradient background images, this horizontal CSS menu makes the active/ selected menu item appear indented. The width of the menu is set to 80% of its container in the demo .The entire menu markup plus images combined comes in at a very lean 2.5kb.

Inverted Shift Down Menu II

Inverted Shift Down Menu II
This inverted horizontal menu creates tabs where the active tab is both longer and its text offset downwards compared to its less active counterparts. It does this by manipulating the tab's top/bottom padding values plus the color of its bottom border.

Inverted Shift Down Menu

Inverted Shift Down Menu
This clean CSS horizontal menu contains tabs with text that shift downwards slightly when the mouse rolls over it. And just for demonstration, it shows how to make the bottom corners of each tab rounded using CSS3 and Mozilla's proprietary declarations for rounded corners.

Inverted Modern Bricks Menu

Inverted Modern Bricks Menu
By popular request, this is an alternate, inverted version of the original Modern Bricks Menu. Markup wise it's slighter smaller than the original version.

Modern Bricks Menu

Modern Bricks Menu
This is a modern looking, imageless horizontal menu. The selected menu item merges with the band below it to help it stand out even more. As mentioned, the menu uses no images, making customization a breeze.

Glowing Tabs Menu

Glowing Tabs Menu
Glowing Tabs Menu uses a background image that accentuates the outline of each tab. And to jazz it up, the selected tab "glows", by using the "Sliding Doors" technique to shift the original background image upwards to reveal the glowing version of the tab image. An exquisite yet professional looking horizontal menu!

Solid Block Menu

Solid Block Menu
This is a lean, professional looking CSS menu that's draped in a solid two color background image. The divider between the menu items is simply a white CSS border. The style is extremely easy to customize thanks to the simple background image used.

Page 5 of 8 pages « First  <  3 4 5 6 7 >  Last »

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