WebScripts

Lacivelt Yatay CSS Menü

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

                
<div id="stylefive">
    <ul>
        <li><a href="http://css.kobifis.com/menu/detay/1" title="aciklama">Ana Sayfa</a></li>
        <li><a href="http://css.kobifis.com/menu/detay/1" title="aciklama">Hakkımızda</a></li>
        <li><a href="http://css.kobifis.com/menu/detay/1" title="aciklama" class="current">Hizmetler</a></li>
        <li><a href="http://css.kobifis.com/menu/detay/1" title="aciklama">Servisler</a></li>
        <li><a href="http://css.kobifis.com/menu/detay/1" title="aciklama">İletişim</a></li>
    </ul>
</div>
          

                
<style type="text/css">
<!–
#stylefive{position:relative;display:block;height:26px;font-size:11px;font-weight:bold;background:transparent url(/code/style5/images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-bottom:3px solid #FF0066;}
#stylefive ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#stylefive ul li{display:block;float:left;margin:0;}
#stylefive ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:7px 20px 0 20px;height:19px;background:transparent url(/code/style5/images/bgDIVIDER.gif) no-repeat top right;}
#stylefive ul li a:hover,#stylefive ul li a.current{color:#fff;background:#131546 url(/code/style5/images/bgDIVIDER.gif) no-repeat top right;}
–>
</style>