WebScripts

Siyah Klasik CSS Menü

Örnek Çalışmayı buraya komple bilgisayarınıza indirebilirsiniz.

                
<div id="navigation">
    <ul id="navigation_pri">
        <li class="active"><a href="http://webscripts.tr.gg">Ana Sayfa</a></li>
        <li><a href="http://webscripts.tr.gg">Hakkımızda</a></li>
        <li><a href="http://webscripts.tr.gg">Hizmetlerimiz</a></li>
        <li><a href="http://webscripts.tr.gg">Referanslar</a></li> 
        <li><a href="http://webscripts.tr.gg">İletişim</a></li>
    </ul>
</div>
          

                
<style>
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(img/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(img/nav_cur_bg.jpg) no-repeat center bottom; }
ul#navigation_pri li a { color:#fff; }
</style>