Responsive menünün efektini değiştirmek?

16.02.2016 19:51

contentwriter Kendi halimdeyim Kullanıcı

Üyelik 22.10.2011
Yaş/Cinsiyet 31 / E
Meslek Kendi halimdeyim
Konum Diğer

Ad Soyad İ** Y**
Mesajlar 4129
Beğeniler 1136 / 1842
Ticaret 21, (%100)

Merhaba arkadaşlar.

Sitemde kullandığım menünün mobildeki görünümünü daha doğrusu kullanım şeklini değiştirmek istiyorum. Şu anda mobilden girenler menüdeki linklere tıklamak isterlerse şu şekilde aşağı ok işaretine tıklayıp oradaki ögeleri görüntülüyorlar:

Ben ise şu şekilde bir görüntü oluşmasını istiyorum:

Yani o üç çizgiye dokunulduğunda menü linkleri aşağı doğru kayarak açılacak. Bu işlemi nasıl gerçekleştirebilirim? Kendim çok uğraştım ama beceremedim.

Sitem: http://www.uzmanklavye.com/

Örnek menü: http://jsfiddle.net/lesson8/7rW99/show/

16.02.2016 19:54

#2

muhammetdemirel Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 24.10.2015
Yaş/Cinsiyet 26 / E
Meslek Öğrenci
Konum Muğla

Ad Soyad M** D**
Mesajlar 302
Beğeniler 109 / 73
Ticaret 0, (%0)

Hocam 1.deki sanırım select box ile oluşturulmuş menü ama 2.deki bootstrap klasik menüsü

17.02.2016 09:54

#3

contentwriter Kendi halimdeyim Kullanıcı

Üyelik 22.10.2011
Yaş/Cinsiyet 31 / E
Meslek Kendi halimdeyim
Konum Diğer

Ad Soyad İ** Y**
Mesajlar 4129
Beğeniler 1136 / 1842
Ticaret 21, (%100)

Yardımcı olabilecek var mı?

18.02.2016 23:25

#4

infstock WM Aracı Kullanıcı

Üyelik 16.12.2014
Yaş/Cinsiyet 37 / E
Meslek Frontend Developer
Konum İstanbul Anadolu

Ad Soyad E** K**
Mesajlar 75
Beğeniler 1 / 23
Ticaret 0, (%0)

İsa dostum mobil menu kısmı id="selectnav1" olan yerden başlıyor ve bu menu select ve option lar ile oluşturulmuş. Öncelikle bu yeri ul ve li olarak değiştirmelisin. sonrasında bu ul ve li üzerinde css değişiklikleri yapmalısın. bir tane hamburger menu (ust uste 3 çizgi olan tıklanınca menuyu açan buton) iconu veya resmi bulmalı onu eklemeli ve css ile konumlandırmalısın. en sonda da javascript ile bu hamburger menu butonuna click event i ile işlevsellik kazandırmalısın. En kısa bu şekilde anlatılabilir dostum..

templates.informationstock.com
www.informationstock.com

Responsive menünün efektini değiştirmek?

Üye Girişi Yap