Html - CSS - XML - JavaScript - Ajax
Yana Açılan Dikey Menü Nasıl Yapılıyor ? (Html/Css)
Yana Açılan Dikey Menü Nasıl Yapılıyor ? (Html/Css)
-
merhaba
milyon tane tutorial okudum yine anlamadım. bi gerizekalılık var bende yada düzgün anlatamıyolar
elimde bi ul var diyelim burdaki hiyerarsiye gore uzerine geldiğimizde yana doğru açılmasını istiyorum
mesela şu linkte soldaki menüde mobile ın üzerine geldiğimizde açılan gibi : http://prestashop.magentech.com/sp_matrix/en/
temel html / css bilgim var mantığını anlatırsanız yeterli olur beceririm sanırım. kod yazmakla uğraşmanıza gerek yok
olay sanırım su sekilde: solda kendi listim duruyo, açılacak kısmı display none yapıyorum, sonra ana li hover olduğunda javascriple diğerinin displayını block yapıcam
ama beceremedim
-
http://jillix.github.io/jQuery-sidebar/
bu kolay gibi duruyor ama sidebar, yine de işini görebilir.
sevgiler.
-
http://www.ontedi.com/javascript/jquery-ile-yatay-sinirsiz-acilir-menu-ornek-1
Şuradaki mantık işine yarar mı?
Yatay olarak yapmıştım fakat dikeye çevrilebilir.
-
nurulmac11 bunu yazdı
merhaba
milyon tane tutorial okudum yine anlamadım. bi gerizekalılık var bende yada düzgün anlatamıyolar
elimde bi ul var diyelim burdaki hiyerarsiye gore uzerine geldiğimizde yana doğru açılmasını istiyorum
mesela şu linkte soldaki menüde mobile ın üzerine geldiğimizde açılan gibi : http://prestashop.magentech.com/sp_matrix/en/
temel html / css bilgim var mantığını anlatırsanız yeterli olur beceririm sanırım. kod yazmakla uğraşmanıza gerek yok
olay sanırım su sekilde: solda kendi listim duruyo, açılacak kısmı display none yapıyorum, sonra ana li hover olduğunda javascriple diğerinin displayını block yapıcam
ama beceremedim
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> ul.menu{width:200px;} ul.menu li{width:200px;background:#ccc;line-height:30px;height:30px;position:relative;margin-bottom:2px;padding:5px;list-style:none;} ul.menu li ul{display:none;margin:0px;} ul.menu li.sub-menu:hover ul{display:block;position:absolute;left:170px;top:0px;} ul.menu li.sub-menu{color:red;} </style> </head> <body> <ul class="menu"> <li>Anasayfa</li> <li>Hakkımızda</li> <li class="sub-menu">İletişim <ul class=""> <li>Test1</li> <li>Test2</li> </ul> </li> </ul> </body> </html>
temel olarak mantığı budur. Javascripte gerek yok.
-
Şöyle desek daha iyi
ul.menu{width:200px;} ul.menu li{width:200px;background:#ccc;line-height:30px;height:30px;position:relative;margin-bottom:2px;padding:5px;list-style:none;} ul.menu li ul{display:none;margin:0px;} ul.menu li:hover > ul{display:block;position:absolute;left:170px;top:0px;} ul.menu li{color:red;}
Her bir ul elementine class vermesine gerek kalmadan bir altındaki ul nesnesini görünür yapar.
-
1234567B bunu yazdınurulmac11 bunu yazdı
merhaba
milyon tane tutorial okudum yine anlamadım. bi gerizekalılık var bende yada düzgün anlatamıyolar
elimde bi ul var diyelim burdaki hiyerarsiye gore uzerine geldiğimizde yana doğru açılmasını istiyorum
mesela şu linkte soldaki menüde mobile ın üzerine geldiğimizde açılan gibi : http://prestashop.magentech.com/sp_matrix/en/
temel html / css bilgim var mantığını anlatırsanız yeterli olur beceririm sanırım. kod yazmakla uğraşmanıza gerek yok
olay sanırım su sekilde: solda kendi listim duruyo, açılacak kısmı display none yapıyorum, sonra ana li hover olduğunda javascriple diğerinin displayını block yapıcam
ama beceremedim
temel olarak mantığı budur. Javascripte gerek yok.
saolasin haci cozdum sayende, position:absolute koymamisim salak gibi oncekileri kaydiriyodu
peki sagdan cikan menuye soldan 170px disari cik diyoruzya positionla, bunu bootstrapta gride oturtup menuye 100% genislik verdigimde nasil yapabilirim ?
onceki elemente sifir kalmasini naisl saglarim
edit: peki bunu nasil responsive yapicaz? telefonda ana menuye tiklayınca alttaki açılıyo ve linke gidiyo
nurulmac11 tarafından 01/Mar/16 17:40 tarihinde düzenlenmiştir -
Okumak zorunda degilsin, sorununa cevapla alakasiz:
Hocam amacin ne bilmiyorum ama boyle seylerle vakit harcama, plugin coplugu her yer. Github dan al bi tane koy gitsin. Zaten o kdr iyi yapamazsin, ben de en basta jquery de slider falan yazmaya calisiyodum ama sonradan anladim ki amerikayi tekrar kesfetmenin mantigi yok, sadece beni yavaslatip egomu zevk doldurmaktan baska bi ise yaramadigini anladim.
Zaman entegrasyon zamani, kim daha iyi en iyi parcalari bulup birlestirirse o daha cok kazaniyor.
ozgunlu tarafından 01/Mar/16 17:43 tarihinde düzenlenmiştir -
ozgunlu bunu yazdı
Okumak zorunda degilsin, sorununa cevapla alakasiz:
Hocam amacin ne bilmiyorum ama boyle seylerle vakit harcama, plugin coplugu her yer. Github dan al bi tane koy gitsin. Zaten o kdr iyi yapamazsin, ben de en basta jquery de slider falan yazmaya calisiyodum ama sonradan anladim ki amerikayi tekrar kesfetmenin mantigi yok, sadece beni yavaslatip egomu zevk doldurmaktan baska bi ise yaramadigini anladim.
Zaman entegrasyon zamani, kim daha iyi en iyi parcalari bulup birlestirirse o daha cok kazaniyor.
hacı site wordpress falan değil, js kullanmadan açılır menü gömmem gerekiyor ve bulamadım
varsa elinde ver kullanayım :)
-
ozgunlu bunu yazdı
Okumak zorunda degilsin, sorununa cevapla alakasiz:
Hocam amacin ne bilmiyorum ama boyle seylerle vakit harcama, plugin coplugu her yer. Github dan al bi tane koy gitsin. Zaten o kdr iyi yapamazsin, ben de en basta jquery de slider falan yazmaya calisiyodum ama sonradan anladim ki amerikayi tekrar kesfetmenin mantigi yok, sadece beni yavaslatip egomu zevk doldurmaktan baska bi ise yaramadigini anladim.
Zaman entegrasyon zamani, kim daha iyi en iyi parcalari bulup birlestirirse o daha cok kazaniyor.
dediklerine katılmakla beraber bu işten anlayanlara sormak istediğim birşey var
belki ilerde konu açacağım ama önce kendim bir araştırdıktan sonra
belki ben balık almak değil balık tutmasını öğrenmek istersem ?
yani o hazır siteleri yapmak istersem
hangi dili kullanıyoruz ?
-
1234567B bunu yazdınurulmac11 bunu yazdı
merhaba
milyon tane tutorial okudum yine anlamadım. bi gerizekalılık var bende yada düzgün anlatamıyolar
elimde bi ul var diyelim burdaki hiyerarsiye gore uzerine geldiğimizde yana doğru açılmasını istiyorum
mesela şu linkte soldaki menüde mobile ın üzerine geldiğimizde açılan gibi : http://prestashop.magentech.com/sp_matrix/en/
temel html / css bilgim var mantığını anlatırsanız yeterli olur beceririm sanırım. kod yazmakla uğraşmanıza gerek yok
olay sanırım su sekilde: solda kendi listim duruyo, açılacak kısmı display none yapıyorum, sonra ana li hover olduğunda javascriple diğerinin displayını block yapıcam
ama beceremedim
temel olarak mantığı budur. Javascripte gerek yok.
Bunu saf css il hover yardımcı sınıfı ile değilde TIKLAMA ile yapılma ihtimali var mı? Dokunmatik cihazlarda bu fare'nin üstüne gelerek açılma olayı kullanımda sıkıntı oluşturabiliyor.
-
Peki menulere nasil link veriyoz <li> link nasil</li>