bildirgec.org

kullanıcı dostu menü bir menü oluşturmak, sitenin gelişimi açısından kritik öneme sahiptir. ziyaretçiler, aradığını belirli bir süre bulamaz ise siteden ayrılabilir ve site hakkındaki olumlu düşünceleri azalabilir.

Bu noktada, hem fazla alan kaplamayan hem de görsellik adına çok şey sunan “açılır menüler” imdadımıza yetişiyor. Ben de yazımda, bu ihtiyacını karşılayacak jQuery ile yazılmış 25 açılır menü uygulamasını sizlere tanıtacağım. Haydi başlayalım.

sexy drop down menu with jquery and css

how to create a drop down nav menu with html5, css3, and jquery

mega drop down menus with css & jquery

açılır (drop-down) menüler, çeşitli ve içeriği bol siteler için kurtarıcı site elemanlarıdır ve bu menüler sayesinde sitedeki her şey derli toplu bir şekilde ziyaretçiye sunulur.

şimdi birbirinden yaratıcı açılır menü örneklerine bir göz atalım böylece sitesinde uygulamak isteyenler de tasarım olarak fikir edinmiş olurlar.

1. pure grips

2. porsche

Menü bir web tasarımının en önemli bölümlerinden birisidir. Sık kullanılacağı için kullanıcı için hem pratik hem de göze hoş gelmesi gerekir.

Tasarımlarınız için ilham kaynağı olabiecek birbirinden güzel açılır kayan menü örneklerine aşağıdan ulaşabilirsiniz.

1. Carreras Con Futuro

2. Apple Reviews

Web Sitelerinin en önemli parçalarından biri de sitelerin içeriklerine erişimi sağlayan menülerdir. Web sitelerinin bu önemli parçası için Javascript ile hazırlanmış, işlevsellikleri ve görsellikleri ile göz dolduran 30 adet menüyü kategorilere ayrılmış olarak hazırlanmış listeden deneyebilrisiniz.

Accordion Menu
Dynamic drive Accordion menu Demo

i-MarcojQuery Accordion Menu Demo

web sayfalarında bilgi girişleri için kullanılan html formlarının gerek görsellikleri gerekse işlevsellikleri üzerinde bazen uzun süreli çalışmalar yapılması gerekir. aşağıdaki jquery eklentileri sayesinde hem zamandan önemli ölçüde kazanç sağlayabilirsiniz, hem de kullanıcıların beğenisini kazanacak tasarımlar yapabilirsiniz.

Form Skinning(form kaplamaları):
jQuery jNice

Styling input file

jqTransform

free css drop-down menu

Tomas Bagdanavicius tarafından geliştirilmiş ve ücretsiz olarak sunulan, aralarında NVIDIA.com, Adobe.com, MTV.com sitelerinin menü örneklerinin de yer aldığı, Aşağı Açılır (Drop-Down) css menüler, hız, kullanım ve düzenleme esneklikleri ile site menüleriniz için güzel alternatifler olacaklar.

NVIDIA.com sitesinin menü örneğini görmek için buraya tıklayabilirsiniz.

NVIDIA.com horizontal improved css drop-down menu

Drop-down menü

Superflousbunter

CSS kullanarak hazırlanan 37 adet menüden, istediğinizi seçerek, web sitenize nasıl entegre edeceğinizi gösteren CSS kodlarına ulaşabilirsiniz.

şu sitede Dhtml menuleri oluşturan bir yazılım var. vista, xp, apple, nike, amazon gibi ünlü markaların menü tip ve modellerini kolaylıkla oluşturup kullanabilirsiniz. indirmek için tıklayın.

menü örnekleri