Top Navigation (01)

Top Navigation

XML CODE:



CSS CODE:

#navTN01 { background:transparent url(/data/Templates/TN01/top-nav-bg.gif) no-repeat scroll right bottom; height:31px; position:relative; } #navTN01 ul { font-family:Arial,Verdana,Sans-Serif; list-style-type:none; margin:0; padding:0; } #navTN01 ul li { border-color:#C8C7C7 #C8C7C7 #C8C7C7 #FFFFFF; border-style:solid; border-width:0 1px; display:block; float:left; font-size:12px; } #navTN01 ul li a { color:#515254; display:block; float:left; padding:8px 25px; text-decoration:none; } #navTN01 ul a:hover, #navTN01 ul .menu-item-0-active a { background:transparent url(/data/Templates/TN01/top-nav-bg-over.gif) repeat-x scroll 0 0; color:#FFFFFF; } /* IF you don't need round corners do not include this code */ #navTN01 ul .pos1 a:hover, #navTN01 ul .pos1 .menuDiv0-active a { background-image:url(/data/Templates/TN01/top-nav-first-item-over.gif); color:#fff; } #navTN01 { background:transparent url(/data/Templates/TN01/top-nav-bg-rounded.gif) no-repeat scroll right bottom; }
Download Images