Websiteniz için kullanışlı bir menü oluşturmak ziyaretçileriniz açısından çok önemlidir. Ziyaretçileriniz sade ve anlaşılır bir menü ile aradıklarını çok daha kolay bulabilirler ve sitenizde daha fazla vakit geçirirler. Ayrıca anlaşılır bir menü tasarımı yapmak site içeriğiniz hakkında da ziyaretçilerinize bilgi verecek ve fikir sahibi yapacaktır. İşte bu yazımda sizinle paylaşacağım 25 adet kullanışlı jQuery menü uygulaması ile sade, anlaşılır ve kullanışlı menüler tasarlayabilir ve fikir sahibi olabilirsiniz.

İşte o jQuery açılır menü uygulamaları:

1. jQuery ve CSS ile Yapılan Seksi Bir Açılır Menü

2. HTML5, CSS3, ve jQuery Kullanarak Nasıl Bir Açılır Menü Yaparız

3. CSS & jQuery ile Yapılmış Harika Açılır Menüler

4. Kayan jQuery Açılır Menü

5. Kibar Bir Açılır Menü

6. Basit Bir Açılır Menü Eklentisi

7. jQuery ve CSS Açılır Menü Örneği

8. Şık Bir Açılır Menü Yapımı

9. Değişik Açılır Menü Örnekleri

10. Düzenlemesi Kolay Bir jQuery Açılır Menü

11. RSS Aboneliği İçin Şık Bir CSS Açılır Menü

12. jQuery Animasyonlu Açılır Menü

13. Superfish

14. CSS ve jQuery ile Yapılmış Açılır Menü

15. Basit ve Sade jQuery Açılır Menüler

16. Harika jQuery Menüler

17. McDropdown jQuery Eklentisi

18. jdMenu Hiyerarşik Menü Eklentisi

19. Dim Gray Açılır Menü

20. jQuery ve CSS Kullanılarak Yapılmış Bir Açılır Menü Yapın

21. WordPress’de CSS3 ve jQuery Kullanarak Açılır Menü Yapmak

22. jQuery ile Harika Bir Menü Yapın

23. Droppy

24. Multi-Level Bir Açılır Menü Yapımı

25. jQuery Multi-Level CSS Menü

sorbize >>

Gelen aramalar :

• jquery örnekleri indir
• jquery yatay açılır menü
• jquery açılır menü örnekleri

The post Jquery ile açılır menü uygulamaları first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Bu dersimizde sizlere CSS ile dikey açılır menü yapımını anlatmaya çalışacağım. Önceki dersimizde Yatay açılır menü yapımını göstermiştik. Aynı menü üzerinden dikey olanını yapmaya çalışalım…

Öncelikle menülerimizi oluşturuyoruz normal bir şekilde. Alt menülerimizi de yapıyoruz. Açılır menümüzün olacağı ana menülerin sonununu </li> ile bitirmemeniz gerektiğini unutmayın!.. Aksi hâlde css’e geçtiğimiz zaman açılır menünüzü ana menü olarak görebilirsiniz.
<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><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>
<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>

Şimdi menülerimizin önündeki simgeleri gizleyelim.

ul {
padding:0;
margin:0;
list-style:none;
width:100px;
}

Açılır menümüzün özelliklerini verelim.

li ul {
position: absolute;
left: 100px;
top: 0;
display: none;
}

Şimdi de gizlediğimiz menülerin pozisyonunu ve açılırlığını sağlayalım…

ul li {
position: relative;
}

li:hover ul {
display: block;
}

Şimdi de menümüzün rengi, kenarlıkları gibi ayarları yapalım:

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

Son olarak da yazımızın rengini ayarlayalım.

a {
color: #FFFFFF;
}

Menümüz hazır…

Gelen aramalar :

• css dikey açılır menü
• dikey açılır menü
• dikey açılır menü css
• css ile dikey açılır menü
• açılır menü nasıl yapılır

The post Css ile dikey açılır menü uygulaması first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.