Re-Web

Html Kodu

<div id="navigation"> <ul id="navigation_pri"> <li class="active"><a href="http://www.hyperend.tr.gg" _fcksavedurl="http://www.hyperend.tr.gg">Ana Sayfa</a></li> <li><a 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">Hizmetlerimiz</a></li> <li><a href="http://www.hyperend.tr.gg" _fcksavedurl="http://www.hyperend.tr.gg">Referanslar</a></li> <li><a href="http://www.hyperend.tr.gg" _fcksavedurl="http://www.hyperend.tr.gg">İletişim</a></li> </ul> </div>


Css Kodu

div#navigation { margin-bottom:50px; font-family:Arial,sans-serif; font-size:13px;} ul#navigation_pri { width:550px; margin:0 auto; overflow:hidden; list-style:none; font-family:Helvetica, Arial, sans-serif; background:url(https://img.webme.com/pic/h/hyperend/nav_bg.jpg) repeat-x left top; } ul#navigation_pri li { float:left; margin:0 4px; height:29px; padding:11px 10px 10px 10px; } ul#navigation_pri li a:link, ul#navigation_pri li a:visited { font-weight:bold; color:#999; text-decoration:none; } ul#navigation_pri li a:hover, ul#navigation_pri li a:focus { text-decoration:none; color:#ccc;} ul#navigation_pri li.active { background:url(https://img.webme.com/pic/h/hyperend/nav_cur_bg.jpg) no-repeat center bottom; } ul#navigation_pri li a { color:#fff; }