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

Advertise Here

CSS Library: Horizontal CSS Menus: Here

Uber Round Color Tabs

Author: Dynamic Drive

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. Now that's just handy! Also see DD Color Tabs and DD Color Tabs II.

Demo:

 

 

 

Two images used (resized for easier download):

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 10/23/2008

Revision History: None

Usage Terms: Click here

Your Comments (19)

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 2 of 2 pages  <  1 2

That the menu i have created:

<hr color="#1B6453">

<TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="30%" bordercolor="#1B6453">
<TR>
<TD><TD BGCOLOR="#068481"><font color="#8B0000">HOME</font>
</TD>
<TD><TD BGCOLOR="#068481" onmouseover="style.backgroundColor='#20BF9F';" onmouseout="style.backgroundColor='#068481'"><FONT COLOR="#8B0000">DIRECTIONS</font>
</TD>
<TD><TD BGCOLOR="#068481" onmouseover="style.backgroundColor='#20BF9F';" onmouseout="style.backgroundColor='#068481'"><FONT COLOR="#8B0000">ABOUT</font>
</TD>
<TD><TD BGCOLOR="#068481"><font color="#8B0000">FAQ's</font>
</TD>
<TD><TD BGCOLOR="#068481" onmouseover="style.backgroundColor='#20BF9F';" onmouseout="style.backgroundColor='#068481'"><font color="#8B0000">Contact</font>
</TD>
<TD><TD BGCOLOR="#068481" onmouseover="style.backgroundColor='#20BF9F';" onmouseout="style.backgroundColor='#068481'"><font color="#8B0000">SITE MAP;</font>
</TD>

</TR>
</TABLE>

<hr color="#1B6453">

But I am looking for smoothnes in the menu, like the one is posted on this page but in this color. If someone can make something like that in the colors that i have made I would appriciate it. OZ.international@gmalil.com.
Posted by MR.Disturbed on 01/15, 08:38 AM
couldn't you just use css border radius? ( works in firefox, chrome, and safari )

-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
Posted by Satukoro on 01/19, 11:11 AM
a
Posted by yandi agus rinjani on 01/27, 05:12 AM
necesito bajar este ejemplo
Posted by dorian ordoņez on 02/10, 01:43 PM
tenk you very much
Posted by carizma on 02/11, 02:26 PM
it's nice one and it's my reference
Posted by senthil on 02/24, 05:51 PM
oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
Posted by dileep on 03/12, 11:50 PM
Hi there your stuff is so dope and i am loving using your site. Well i really need you to help me with a code of creating a forum page.
Posted by Thabo on 04/03, 01:28 AM
Works great! Thanks.
Posted by Jack on 04/14, 09:55 PM

Comment Pages 2 of 2 pages  <  1 2


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