Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj22.11.2009, 20:50 (UTC)    
Mesaj konusu: Açılır Üst Menü

Arkadaşlar Siteme Uygun Açılır Üst Menü Arıyorum Yardım Edecek Varmı ?

Özellikler:

Menü Siyah Olacak (Mistanbulunkine Benzer)

Yanında (Mistanbulunki Gibi Aşağı İnme İşareti Olacak)
Mesaj23.11.2009, 13:57 (UTC)    
Mesaj konusu:

Açılır üst menü kodu kendim yazmıştım arşivimde saklıyordum Smile

Tamamen css bilgimle yazdım javascript kullanmadım


Dikey Açılır Menü Kodu:

Css Kodu:


Kod:
ul {
padding:0;
margin:0;
list-style:none;
width:100px;
}
li ul {
position: absolute;
left: 100px;
top: 0;
display: none;
}
ul li {
position: relative;
}

li:hover ul {
display: block;
}
ul li a {
display:block;
text-decoration:none;
background-color:#FFFF00;
padding:3px;
border:solid 1px #000000;
border-bottom:0;
}
a {
color: #FFFFFF;
}


Menüyü Görmek İstediğiniz Alana Koyun:

Kod:
<ul id="menu">
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a>
<ul>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
</ul>
<li><a href="#">Deneme</a>
<ul>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
</ul>
<li><a href="#">Deneme</a>
<ul>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
</ul>
</ul>


Yatay Açılır Menü:


Css Kodu:

Kod:
ul#menu li {
float:left;
position:relative;
width:150px;
}
ul#menu, ul#menu ul {
list-style:none;
margin:0;
padding:0;
}
ul#menu li ul {
display:none;
position:absolute;
top: 19px;
left: 0;
}
ul#menu li:hover ul {
display:block;
}
ul#menu li a {
font: bold 11px Verdana, Helvetica, sans-serif;
display: block;
border-width:1px;
border-style:double;
border-color:#000000;
margin:0;
padding:2px;
color:#FFFFFF;
background:#666666;
text-decoration:none;
}


Menüyü Görmek İstediğiniz Yere Koyun:
Kod:
<ul id="menu">
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Hakkımızda</a>
<ul>
<li><a href="#">Şirketimizin Tarihi</a></li>
<li><a href="#">Yöneticilerimiz</a></li>
<li><a href="#">Çalışanlarımız</a></li>
<li><a href="#">Faaliyetlerimiz</a></li>
</ul>
</li>
<li><a href="#">Referanslarımız</a>
<ul>
<li><a href="#">Deneyimlerimiz</a></li>
<li><a href="#">Ne dediler?</a></li>
</ul>
<li><a href="#">Hizmetlerimiz</a></li>
<ul>
<li><a href="#">Web Tasarım</a></li>
<li><a href="#">Hosting</a></li>
<li><a href="#">Logo Tasarım</a></li>
<li><a href="#">Danışmanlık Hizmetimiz</a></li>
<li><a href="#">Diğer Hizmetler</a></li>
</ul>
</ul>


Css kodlarıyla oynayıp özellikleri değiştirebilir ve geliştirebilirsiniz...
______________

Arrow Ethical Hacker Arrow Professional Web Designer
Mesaj23.11.2009, 15:40 (UTC)    
Mesaj konusu:

teşekkürler...
Mesaj25.11.2009, 19:30 (UTC)    
Mesaj konusu:

yaa kardeş ben bunu 1. olanı css ye 2. verdiğini ana sayfa ya koyuyorum olmuor ??
______________
www.yalovasporfan.tr.gg
www.ahmediye77.tr.gg
www.muzafferuysal.tr.gg
Mesaj25.11.2009, 19:34 (UTC)    
Mesaj konusu:

Kardeş 2 kod var orada bir üstten açılır diğeri yandan açılır Very Happy
______________

Arrow Ethical Hacker Arrow Professional Web Designer
Önceki mesajları göster:   


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