Sade Beyaz Menu

Beyaz ve kırmızı reklerin yer aldığı yatay sade bir 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 Kodları
		
<div id="stylefour">
    <ul>
        <li><a href="http://css.kobifis.com/menu/detay/2" title="css menus">Ana Sayfa</a></li>
        <li><a href="http://css.kobifis.com/menu/detay/2" title="css menus">Hakkımızda</a></li>
        <li><a href="http://css.kobifis.com/menu/detay/2" title="css menu" class="current">Hizmetler</a></li>
        <li><a href="http://css.kobifis.com/menu/detay/2" title="css menus">Projeler</a></li>
        <li><a href="http://css.kobifis.com/menu/detay/2" title="css menus">İletişim</a></li>
    </ul>
</div>
CSS Dosyanıza yada sayfanıza css tagları arasına ekleyin.
		
<style type="text/css">
<!–
#stylefour{position:relative;display:block;height:39px;font-size:11px;font-weight:bold;background:transparent url(../img/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-top:4px solid #B30000;}
#stylefour ul{margin:0;padding:0;list-style-type:none;width:auto;}
#stylefour ul li{display:block;float:left;margin:0;}
#stylefour ul li a{display:block;float:left;color:#666;text-decoration:none;padding:11px 20px 0 20px;height:23px;background:transparent url(../img/bgDIVIDER.gif) no-repeat top right;}
#stylefour ul li a:hover,#stylefour ul li a.current{color:#B30000;background:#fff url(../img/bgON.gif) no-repeat top right;}
–>
</style>
Toplam İndirme: 1304 | Toplam İzleme: 3464