45 ÜCRETSİZ CSS, JQUERY, AŞAĞI AÇILIR MENÜ( DROP DOWN) EKLENTİSİ

Görüntülenme : 16

Güncellenme Tarihi : 16.3.2019

JQuery, CSS kullanmayı ve sitenize aşağı açılabilir menü eklemeyi öğrenmek istiyorsanız bu yazımız sizin için faydalı olacaktır. Örnekleri inceleyip isterseniz sizler de kendi siteniz için ücretsiz bir şekilde indirerek yararlanabilirsiniz. Aşağı açılabilir menünüzün responsive özelliğinin bulunması günümüz ilerleyen teknolojisinde önem arz etmektedir. Teknolojinin gelişmesiyle birlikte bilgisayar, tablet ve mobil cihaz kullanımı artmış durumda. Responsive özelliği; bu cihazların ekran çözünürlüklerine göre duyarlı davranarak kullanıcıya cihaz ve çözünürlük bağımsız olarak her platformda rahat bir gezinme sağlar.

Web sitenizin köprü özelliğine ve ebeveyn koruma sistemine sahip olması da önemlidir. Köprü özelliğiyle kastedilen gezindiğiniz site sizi başka bir sayfaya veya resim ya da dosyalara yönlendirmek istediğinde bu geçiş için bağlantı sağlamasıdır. Mause işaretçisi işaret parmağına dönüştüğünde bir şeyin köprü (hyperlink) olduğunu anlayabilirsiniz. Bazen hyperlinkler açılan menüler, küçük animasyonlu filmler veya reklamlar şeklinde olabilir. Aşağıda bunun için örnekler bulabilirsiniz. Double top, sitenize eklemeniz gereken diğer özelliklerden; double top uygulaması Android cihazlar için yayınlanan çift dokunma uygulamasıdır. Uygulama ile ekrana çift dokunarak telefonu kapatabilirsiniz.

Örneklerle birlikte CSS3 ün yeni özelliklerini de kullanacağız fakat odaklanacağımız nokta JQuery ve CSS kullanarak menü oluşturmak, siteyi daha kullanışlı bir hale getirmek.

1. JQuery ile Responsive Aşağı Açılır Menü

Kullanım Şekli | Demo

2.CSS ile Aşağı Açılır Menü Gezintisi

Bu örnekte sadece CSS kullanarak nasıl aşağı açılabilir menü gezintisi yapabileceğinizi görebilirsiniz.

Kullanım Şekli | Demo

3. CSS ile Bootstrap Mega Menü

Kullanım Şekli | Demo

4. Aşağı Açılır Mega Menü

Kullanım Şekli | Demo

5. Flexbox

Kullanım Şekli | Demo

6. JQuery ile Aşağı Açılır Responsive Menü

Kulanım Şekli | Demo

7. JQuery ile 3-Level Responsive Aşağı Açılır Menü

Kullanım Şekli | Demo

8. Basit CSS3 Aşağı Açılır Menü

Kullanım Şekli | Demo

9. Renk Kodlu Aşağı Açılır Menü

Kullanım Şekli | Demo

10. CSS ile Aşağı Açılır Menü

Kullanım Şekli | Demo

11. CSS ile Sade Aşağı Açılır Menü

Kullanım Şekli | Demo

12. Website ile Google Arasında Bağlantı Sağlayan Menü

Kullanım Şekli | Demo

13. Araç Çubuğu (Tooltip) Menüsü

Kullanım Şekli | Demo

14. Yatay Kaydırmalı Menü

Kullanım Şekli | Demo

15. Basit, Youtube Menü Efekti

Kullanım Şekli | Demo

16. Responsive Çok Katmanlı Menü

Kullanım Şekli | Demo

17. Yatay, Aşağı Açılır Menü

Kullanım Şekli | Demo

18. Büyük Menüler, Küçük Ekranlar : Responsive, Çok Katmanlı Gezinti

Kullanım Şekli | Demo

19. CSS3 ile Canlandırılmış Aşağı Açılır Menü

Kulanım Şekli | Demo

20. CSS3 ile Renkli Canlandırılmış Gezinti Menüsü

Bu örnekte, yalnızca CSS3 ve Font Awesome icon font (simge tipi) kullanarak renkli aşağı açılabilir menü oluşturacağız. Font, harflerin harita karakterlerinin katılmasıyla oluşturulur. Her tarayıcıda çalışan güzel simgeler oluşturabilmek için HTML5 önerilmektedir.


Kullanım Şekli | Demo

21. CSS3 ile biçimlendirilmiş JQuery Aşağı Açılır Menü

Kulanım Şekli | Demo

22. Digg Sayfa Başlığı Menüsü


Kullanım Şekli | Demo

23. CSS3 ile Mükemmel, Büyük, Aşağı Açılır Menü


Kullanım Şekli | Demo

24. CSS3 Aşağı Açılır Menü

Kullanım Şekli | Demo

25. Dokulu Responsive Aşağı Açılır Menü

Kullanım Şekli | Demo

26. CSS3 ile Aşağı Açılır Menü Öğeleri

Kullanım Şekli | Demo

27. Flexbox Aşağı Açılır Navigation Menü

Kullanım Şekli | Demo

28. HTML5, CSS3 ve JQuery ile Aşağı Açılır Nav Menü

Kulanım Şekli | Demo

29. CSS3 ile Aşağı Açılır Menü


Kullanım Şekli | Demo

30. Farklı Navigation (Gezinti) Başlığı

Kullanım Şekli | Demo

31. JQuery ve CSS3 ile Aşağı Kaydırılabilen Menü

Kullanım Şekli | Demo

32. JQuery ile Büyük Menü 2


Kullanım Şekli | Demo

33. Aşağı Açılır Navigation Menü

Kulanım Şekli | Demo

34. CSS3 ile Havalı Aşağı Açılır Menü

Kullanım Şekli | Demo

35. CSS3 ile Basit Animasyonlu Aşağı Açılır Menü

Kullanım Şekli | Demo

36. Müzikal Aşağı Açılır Menü


Kullanım Şekli | Demo

37. CSS3 ile Aşağı Açılır Menü Oluşturma 2


Kullanım Şekli | Demo

38. CSS3 ile Aşağı Açılır Menü Oluşturma 3

Kullanım Şekli | Demo

39. CSS3 ile Aşağı Açılır Menü 3

Kullanım Şekli | Demo

40. CSS3 ile Çarpıcı Menü Oluşturma


Kullanım Şekli | Demo

41. CSS Navigation

Kullanım Şekli | Demo

42. CSS3 Navigation

Kullanım Şekli | Demo

43. Facebook Tarzı Aşağı Açılır Menü - V2

Kullanım Şekli | Demo

44. Menü Efektleri Koleksiyonu

Kullanım Şekli | Demo

45. 3 - Level Navigation Menu

Kullanım Şekli | Demo

İLETİŞİM

Antalya Web Tasarım® bir Karayel Tasarım® markasıdır.

0242 344 1020 - info@antalyawebtasarim.com

Tüm hakları saklıdır.

© 2015