Fox Siyah Kirmizi

Siyah ve kırımızı renkler ile hazırlanmış güzel bir menü çalışması.

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 Kodları
		
<div id="foxmenucontainer">        
    <div id="foxmenu">
        <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="">Referanslar</a></li>
            <li><a href="" title="">İletişim</a></li>
        </ul>
    </div>
</div>
CSS Kodları
		
#foxmenucontainer{height:24px;background:#000;display:block;padding:45px 0 0 15px;}
#foxmenu{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;}
#foxmenu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#foxmenu ul li{display:block;float:left;margin:0 1px 0 0;}
#foxmenu ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:5px 20px 0 20px;height:19px;background:transparent url(../img/foxmenu_bg-OFF.gif) no-repeat top left;}
#foxmenu ul li a:hover{color:#fff;background:transparent url(../img/foxmenu_bg-OVER.gif) no-repeat top right;}
#foxmenu ul li a.current,#foxmenu ul li a.current:hover{color:#000;background:#fff;}
Toplam İndirme: 511 | Toplam İzleme: 1850