Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj01.12.2011, 11:42 (UTC)    
Mesaj konusu: Menü mavi-yeşil

CSS KODU:

Kod:

.menu{margin:0; padding:0; width:250px; list-style:none;background:rgb(255,255,255);}
.menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; }
.menu li a{text-align:left;height:40px; padding:0px 25px; font:16px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:block; background:url('verMenuImages.png') 0px 0px no-repeat; text-decoration:none;}
.menu li a:hover{background:url('verMenuImages.png') 0px -40px no-repeat; color:rgb(255,255,255);}
.menu li a.active, .menu li a.active:hover{background:url('verMenuImages.png') 0px -80px no-repeat; color:rgb(255,255,255);}
.menu li a span{line-height:40px;}




MENÜ YERİNE GELECEK KOD:

Kod:
<ul class="menu">
  <li><a href="/home" class="active"><span>Home</span></a></li>
  <li><a href="/services"><span>Services</span></a></li>
  <li><a href="/about"><span>About</span></a></li>
  <li><a href="/contact"><span>Contact</span></a></li>
</ul>



ÖNİZLEME:


______________
Mesaj01.12.2011, 11:53 (UTC)    
Mesaj konusu:

Teşekkürler. Very Happy
______________
Nush ile uslanmayanı etmeli tekdir, Tekdir ile uslanmayanın hakkı kötektir.
Mesaj01.12.2011, 11:58 (UTC)    
Mesaj konusu:

pardon css kodunda eksik var. style tagları eksik doğrusu bu.

Kod:
<style type="text/css">
.menu{margin:0; padding:0; width:250px; list-style:none;background:rgb(255,255,255);}
.menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; }
.menu li a{text-align:left;height:40px; padding:0px 25px; font:16px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:block; background:url('verMenuImages.png') 0px 0px no-repeat; text-decoration:none;}
.menu li a:hover{background:url('verMenuImages.png') 0px -40px no-repeat; color:rgb(255,255,255);}
.menu li a.active, .menu li a.active:hover{background:url('verMenuImages.png') 0px -80px no-repeat; color:rgb(255,255,255);}
.menu li a span{line-height:40px;}
</style>

______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu