Mavi Menu

Mavi rekli sade kullanimlar icin ince yapili bir Yatay CSS Menu Örneği.

Web sayfalarında yatay menü olarak kullanabilecek güzel bir örnek.

  • Küçük boyutlu az ve temiz kod örneği
  • Küçük boyutlu resim dosyaları
  • Sayfaya göre şekillenebilme (yatay olarak bulunduğu çerçeveye tamamen sığma durumu.)

Örnek Görünüm:
Örnek Çalışmayı buraya komple bilgisayarınıza indirebilirsiniz.
HTML Kodu
		
<div id="styletwo">
    <ul>
        <li><a href="http://css.kobifis.com/menu/detay/3" title="css menus">Ana Sayfa</a></li>
        <li><a href="http://css.kobifis.com/menu/detay/3" title="css menus">Hakkımızda</a></li>
        <li><a href="http://css.kobifis.com/menu/detay/3" title="css menus" class="current">Hizmetler</a></li>
        <li><a href="http://css.kobifis.com/menu/detay/3" title="css menus">Referanslar</a></li>
        <li><a href="http://css.kobifis.com/menu/detay/3" title="css menus">İletişim</a></li>
    </ul>
</div>
CSS Kodu
		
<style type="text/css">
<!–
#styletwo{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;background:transparent url(/code/style2/images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;}
#styletwo ul{margin:0;padding:0;list-style-type:none;width:auto;}
#styletwo ul li{display:block;float:left;margin:0 1px 0 0;}
#styletwo ul li a{display:block;float:left;color:#000;text-decoration:none;padding:6px 20px 0 20px;height:24px;}
#styletwo ul li a:hover,#styletwo ul li a.current{color:#fff;background:transparent url(/code/style2/images/bgON.gif) repeat-x top left;}
–>
</style>
Toplam İndirme: 495 | Toplam İzleme: 1523