11.12.2011, Saat: 18:27
Harika Yatay Menü Css+Mauseover'lu
Global.css'ye eklenecek kodlar ;
Header'e Eklenecek Kodlar ;
Resmi İmages klasörünün içine atın ! (Menunun farklı renkte olmasını istiyorsanız bu resmin rengini değişmelisiniz ama resmin görünümü bu şekilde olmalı
Görüntü ;
"#" Yerine Linkinizi Yazmayı Unutmayınız !
Kolay gelsin..
Yapamayan arkadaşlar konu altından yardım isteyebilir gerçi çok basit ama..
Global.css'ye eklenecek kodlar ;
Kod:
/* Kırmızı Menu */
#menu_wrapper.red ul {
border-top: 2px solid #660000;
border-bottom: 2px solid #450000;
background: #660000;}
#menu_wrapper.red a {color: #fff;}
#menu_wrapper.red li a:hover, #menu_wrapper.red li.active a {color: #F27F84; background: #990000; border-bottom: 2px solid #660000;}
#menu_wrapper.red {background: url(images/red.png) no-repeat right;}
#menu_wrapper.red div {background: url(images/red.png) no-repeat left;}
Header'e Eklenecek Kodlar ;
Kod:
<div id="menu_wrapper" class="red">
<div class="left"></div>
<ul id="menu">
<li><a href="#">Anasayfa</a></li>
<li class="active"><a href="#">Katagori1</a></li>
<li><a href="#">Katagori2</a></li>
<li><a href="#">Katagori3</a></li>
<li><a href="#">Katagori4</a></li>
</ul>
</div>
Resmi İmages klasörünün içine atın ! (Menunun farklı renkte olmasını istiyorsanız bu resmin rengini değişmelisiniz ama resmin görünümü bu şekilde olmalı
Görüntü ;
"#" Yerine Linkinizi Yazmayı Unutmayınız !
Kolay gelsin..
Yapamayan arkadaşlar konu altından yardım isteyebilir gerçi çok basit ama..