Resim kullanılmadan yapılmış güzel bir menü...Mini css menü...

Html Kodu


<ul id="minitabs"> <li><a href="http://www.hyperend.tr.gg" _fcksavedurl="http://www.hyperend.tr.gg">ana sayfa</a></li> <li><a id="current" href="http://www.hyperend.tr.gg" _fcksavedurl="http://www.hyperend.tr.gg">hakkımızda</a></li> <li><a href="http://www.hyperend.tr.gg" _fcksavedurl="http://www.hyperend.tr.gg">ürünler</a></li> <li><a href="http://www.hyperend.tr.gg" _fcksavedurl="http://www.hyperend.tr.gg">hizmetler</a></li> <li><a href="http://www.hyperend.tr.gg" _fcksavedurl="http://www.hyperend.tr.gg">iletişim</a></li> </ul>
Css Kodu

ul#minitabs{ padding-top:60px; background: #FFF; font: 76% Arial,sans-serif; text-align:center; list-style: none; margin: 0; padding: 7px 0; border-bottom: 1px solid #CCC; font-weight: bold; text-align: center; white-space: nowrap } ul#minitabs li{ display: inline; margin: 0 3px } ul#minitabs a{ text-decoration: none; padding: 0 0 3px; border-bottom: 4px solid #FFF; color: #999 } ul#minitabs a#current{ border-color: #F60; color:#06F } ul#minitabs a:hover{ border-color: #F60; color: #666 }
Örnek