Gri Menu

İnce gri tonlarda CSS Menü Ö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="styleone">
    <ul>
        <li><a href="" title="">Ana Sayfa</a></li>
        <li><a href="" title="">Hakkımızda</a></li>
        <li><a href="" title="" class="current">Hizmetler</a></li>
        <li><a href="" title="">Projeler</a></li>
        <li><a href="" title="">İletişim</a></li>
    </ul>
</div>
CSS Kodu
		
<style type="text/css">
<!–
#styleone{position:relative;display:block;height:21px;font-size:11px;font-weight:bold;background:transparent url(../img/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-bottom:1px solid #d9d9d9;}
#styleone ul{margin:0;padding:0;list-style-type:none;width:auto;}
#styleone ul li{display:block;float:left;margin:0 1px 0 0;}
#styleone ul li a{display:block;float:left;color:#034895;text-decoration:none;padding:3px 20px 0 20px;height:18px;}
#styleone ul li a:hover,#styleone ul li a.current{color:#034895;background:transparent url(../img/bgON.gif) repeat-x top left;}
–>
</style>
Toplam İndirme: 376 | Toplam İzleme: 1078