Siyah CSS Yatay Menu

Menüyü kendinize göre düzenleyiniz...
 

<style type="text/css"> .ubercolortabs{ padding: 0; width: 100%; overflow: hidden; background: transparent; } .ubercolortabs ul{ font: bold 11px Arial, Verdana, sans-serif; margin: 0; padding: 0; list-style: none; } .ubercolortabs li{ display: inline; margin: 0 2px 0 0; padding: 0; text-transform: uppercase; } .ubercolortabs a{ float: left; color: white; background: #804000 url(http://img.webme.com/pic/h/htmcode/yataymenu2-1.gif) no-repeat left top; /*default background color of tabs, left corner image*/ margin: 0 2px 0 0; padding: 0 0 1px 3px; text-decoration: none; letter-spacing: 1px; } .ubercolortabs a span{ float: left; display: block; background: transparent url(http://img.webme.com/pic/h/htmcode/yataymenu2-2.gif) no-repeat right top; /*right corner image*/ padding: 7px 9px 3px 6px; cursor: pointer; } .ubercolortabs a span{ float: none; } .ubercolortabs a:hover, .ubercolortabs li.selected a{ background-color: #AE5300; /*background color of tabs onMouseover*/ color: white; } .ubercolortabs a:hover span{ background-color: transparent; } .ubercolordivider{ /*CSS for horizontal line.*/ clear: both; padding: 0; width: 100%; height: 5px; line-height: 5px; background: #804000; /*background color of horizontal line*/ border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/ } </style> <div class="ubercolortabs"> <ul> <li><a href="http://www.htmcode.tr.gg/" _fcksavedurl="http://www.htmcode.tr.gg/"><span>Menu 1</span></a></li> <li><a href="http://www.htmcode.tr.gg/" _fcksavedurl="http://www.htmcode.tr.gg/"><span>Menu 2</span></a></li> <li><a href="http://www.htmcode.tr.gg/" _fcksavedurl="http://www.htmcode.tr.gg/"><span>Menu 3</span></a></li> <li><a href="http://www.htmcode.tr.gg/" _fcksavedurl="http://www.htmcode.tr.gg/"><span>Menu 4</span></a></li> <li><a href="http://www.htmcode.tr.gg/" _fcksavedurl="http://www.htmcode.tr.gg/"><span>Menu 5</span></a></li> <li><a href="http://www.htmcode.tr.gg/" _fcksavedurl="http://www.htmcode.tr.gg/"><span>Menu 6</span></a></li> </ul> </div> <div class="ubercolordivider"> </div>