Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library

Advertise Here

CSS Layouts
Web Graphics
Online Tools:

CSS Library: Horizontal CSS Menus: Here

Half moon tab menu

Author: Dynamic Drive

We named this CSS tab menu "Half Moon" based on its look. The menu uses a transparent background image for each tab item to create a right round edge. This transparency means you can modify the colors of the menu items (such as the hover color) just by changing CSS color values inside the style sheet. Easy alignment is also supported, so you can, for example, align the tabs center or right if desired. Nice!

Demo:

The single image:

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 08/14/2006

Revision History: None

Usage Terms: Click here

Your Comments (45)

Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.

Comment Pages 4 of 5 pages « First  <  2 3 4 5 >

Great menu! I`m going to use it right now om my new website! Thanks!
Posted by Gaby on 09/29, 11:22 AM
a÷f rehber sitesi
Posted by a÷f on 10/06, 12:58 PM
interesting
Posted by Craciunescu Sorin on 11/26, 12:22 AM
good menu thanks
Posted by šanta imalat on 12/02, 03:28 AM
good subject thanks.
Posted by promosyon šanta on 12/02, 03:29 AM
yes ı hope
Posted by šanta on 12/02, 03:30 AM
Thanks for this examples and codes
Posted by http://www.exdizayn.com on 01/14, 10:38 AM
yes ı think so
Posted by promosyon šanta on 01/18, 03:44 PM
Thank you very much for this information.I like This site! Thanks!
Posted by parša kont÷r market on 03/13, 09:50 AM
very nice example and thanks. very good
Posted by web tasarımı on 04/09, 07:06 AM

Comment Pages 4 of 5 pages « First  <  2 3 4 5 >


Commenting is not available in this weblog entry.
Copyright 2006-2014 Dynamic Drive Read our Usage Terms before using any of the CSS codes.