leo3641
Ana Sayfa
İletişim
Z.Defteri
Tasarımlar
Link 1
Link 2
leo3641
iletisim
1-10 Arasi
11-20 Arasi
Yatay Menu 1-5 Arasi
Ziyaretçi defteri
menu1
menu2
menu3
menu4
menu5
menu6
menu7
menu8
menu9
menu10
menu11
menu12
menu13
menu14
menu15
menu16
menu17
Yatay-Menu-6_10-Arasi
Yatay-Menu-11_15-Arasi
Yatay-Menu-16-20-Arasi
menu13
Ana Sayfa
Link 1
Link 2
Link 3
Link 4
Link 5
Butonları İndirmek İçin Sağ Tıklayıp Farklı Kaydet Yapın
CSS KODU :
/* menü başlangıcı*/ #menu { width: 760px; height: 90px; margin:0 auto; } #menu ul { float: left; margin: 20px 0 0 10px; padding: 0; list-style: none; } #menu ul li{ display: inline; } #menu ul li a{ float: left; width: 115px; height: 52px; padding: 8px 0 0 0; margin-right: 10px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; color: #37a5dd; background: url(Resimler/pasif_buton13.png) no-repeat; } #menu li a:hover, #menu li .current{ color: #ffffff; background: url(Resimler/aktif_buton13.png) no-repeat; } #menuli .last { padding-right: 0px; border-right: none; } /* menü sonu*/
HTML KODU :
<div id="menu"> <ul> <li><a href="#" class="current">Ana Sayfa</a></li> <li><a href="#" target="_blank">Link 1</a></li> <li><a href="#" target="_blank">Link 2</a></li> <li><a href="#" target="_blank">Link 3</a></li> <li><a href="#" target="_blank">Link 4</a></li> <li><a href="#" target="_blank">Link 5</a></li> </ul> </div> </div> <!-- MENÜ BİTİŞİ -->
<
Ana Sayfaya Dön
Başa Dön
