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
menu15
Ana Sayfa
Link 1
Link 2
Link 3
Link 4
Butonları İndirmek İçin Sağ Tıklayıp Farklı Kaydet Yapın
CSS KODU :
/*ByAntiWirus Menü Başlangıcı*/ #menu_byantiwirus{ width: 100%; height: 80px; margin: 0 auto; } #menu_byantiwirus #menu_panel{ width: 980px; height: 90px; margin:0 auto; } #menu_panel ul { float: left; margin: 20px 0 0 10px; padding: 0; list-style: none; } #menu_panel ul li{ display: inline; } #menu_panel ul li a{ float: left; width: 175px;/*Buton Boyutu Ayarı*/ height: 75px;/*Buton Yükseklik Ayarı*/ padding: 20px 0 0 0;/*Yazı Yükseklik Ayarı*/ margin-right: 0px; font-size: 18px; font-weight: bold; text-align: center; text-decoration: none; color: #FFFF00;/*Pasif Yazı Renk Ayarı*/ background: url(Resimler/pasif_buton15.png) no-repeat; } #menu_panel li a:hover, #menu_panel li .current{ color: #FFFFFF;/*Aktif Yazı Renk Ayarı*/ background: url(Resimler/aktif_buton15.png) no-repeat; } #menu_panel li .last { padding-right: 0px; border-right: none; } /*ByAntiWirus Menü Sonu*/
HTML KODU :
<div id="menu_byantiwirus"> <div id="menu_panel"> <ul> <li><a href="#" class="current">Ana Sayfa</a></li> <li><a href="#" target="_parent">Link 1</a></li> <li><a href="#" target="_parent">Link 2</a></li> <li><a href="#" target="_parent">Link 3</a></li> <li><a href="#" target="_parent">Link 4</a></li> </ul> </div> </div>
Ana Sayfaya Dön
Başa Dön
