Mobil Uyumlu Menu Yapımı - Responsive Menu Yapımı
HTML-код
- Опубликовано: 19 дек 2019
- Bu video içerisinde mobil uyumlu ( responsive ) menu yapımını tüm detayları ve püf noktaları ile göstermeye çalıştım. Responsive tasarım yaparken menu nasıl saklanır, menuye nasıl animasyon eklenir gibi soruları örnek tasarım üzerinden cevapladım.
Github
github.com/kadirkasim/RUclips...
Blog
kadirkasim.com
![Mobil Uyumlu ve Animasyonlu Menü Nasıl Yapılır ? [ HTML ve CSS ]](http://i.ytimg.com/vi/CrrrPexlOwM/mqdefault.jpg)
![Mobil Uyumlu ve Animasyonlu Menü Nasıl Yapılır ? [ HTML ve CSS ]](/img/tr.png)
![Cordae - Saturday Mornings (feat. Lil Wayne) [Official Music Video]](http://i.ytimg.com/vi/z2GYJua09F0/mqdefault.jpg)
Kardeşim ellerine sağlık. Anlatımın çok yalın.
Ellerine sağlık.
Ellerine Sağlık Reis Daha Yeni yavaş yavaş js öğreniyordum anlatım on numara eyvallah birde daha fazla js video gelsin
dersleri değilde uygulamalı videolar gelsin.
tebrik ederim izledigim en güzel bilgi videolarindan.
Gerçekten çok yararlı bir video olmuş. Teşekkürler.
Allah Razı Olsun Abimm
baya kaliteli bir video olmuş elinize sağlık
teşekkür ederim
mukemmeell
Hocam öncelik çok öğretici olmuş ayrıca çok iyi anlatmışsınız. Sizden iki şey isteyeceğim. Kullandığınız text editör ün ismi nedir acaba? windows da mı yoksa mac demi? ayrıca siteye koyu tema ve açık tema nasıl yapılır hakkında bir video çekebilir mısınız? RUclips da onunla alakalı bir video bulamadım. Şimdiden teşekkürler.
Atom olması lazım.
visual studio code elements olarak material icon ve dracula theme kullanıyor ayrıca html css javascript snippetlerini kurman gerekiyor
ilk once ellerine saglik video icin. 3 cizgiyi neden iconla deyilde divlerle yaptin?
iconlarla yapması daha zor oluyor ve düzgünde olmuyor diye biliyorum ben
Merhaba, JS kodlarını yazdıktan sonra burger butonuna tıklasam da sağdaki menü bar gelmiyor. Çözümü var mıdır?
hocam öncelikle ellerinize sağlık çok eğitici ve öğretici bir uygulama olmuş ancak uygulamayı chrome devlopertools'ta responsive olarak çalıştırdığımızda body overflow-x :hidden yapsak dahi x yönüne scroll yapabiliyoruz ve nav-links taşma yapıyor bunu engellemek adına position:absolute yerine position:fixed verdiğimizde body taşma yapmıyor bilginize sunarım ve eğer görürseniz fikirlerinizi bekliyorum
Öncelikle teşekkürler. Gerçek anlamda test yapıldığında tabiki hataları olacaktır. Yöntemin gerçekten hızlı ve pratik bir çözüm eğer tüm browserlarda aynı çalışıyorsa. Ben genellikle böyle durumlarda javascript üzerinden ilerliyorum scrollLeft kullanılabilir bir yöntem.
@@KadirKasm cevap verdiğiniz için çok teşekkür ediyorum :)
position:fixed; kullan
@@codehub1183 merhaba yorumu okudunuz mu bilmiyorum ama bende ondan bahsettim 😊 yinede teşekkürler bilgi için
@@volkanbayrakci97 afedersin oraya kadar okumadım ckdmd
Selam Kadir bey,
Adım adım yavaş bir şekilde html ve css ile web sitesi tasarlayabilir misiniz? Biz de uygulamalı olarak öğrenmiş oluruz. Ama proje dosyalarını hazırlarsanız iyi olur.
evet mantıklı :)
ruclips.net/p/PL-Hkw4CrSVq_wgiJyipVGlLSCVvW_3qZZ
7 ay geçmiş dediģin sekilde önerim budur html css ile sadece baya iyi web sitesi yapiyor senin işine yaramazsa da başkasina yarat umarim
@@Jamesis07 teşekkürler.
hocam kodları atarmısınız?
Merhabalar, Ben herseyi guzelce yaptim ama JS kismina gelince tikandim. Burgere tiklaninca menu asagi dogru acilmiyor. Overflow -hidden ozelligini de actim. Nerde hata yapiyorum anlamadim. Video da 12:57. dakika da kaldim. Ilerleyemiyorum. Bu benim ilk websitem ve responsive olmasini istiyorum. Belki bana bir fikir verebilirsiniz. Tesekkurler.
hocam bu hamburger iconunu neden font awsome ile almadınız site performanı ile alakalı mı yoksa tercih mi?
anladım x olayı için böyle kullandık
ya dostum sen burger divine bars iconu eklemedin ki video da gözükmüyor direk height verince ortaya cıkıyor nasıl oluyor o ?
Dostum 3 adet çizgiyi div etiketleri ile oluşturuyorum, icon kullanmıyorum.
Merhaba, şu anda yardıma ihtiyacım var. Daha önce yaptığım menüye söylediklerinizi uyguladım ancak burgerlar saçma bir noktada duruyor basınca çalışmıyor. Menü saklandı ama halen sağa kaydırabiliyorum sayfayı. Bir şeyi eksik yaptım ama içinden çıkamadım bana yardım edebilir misiniz acaba
hocam saatlerdir uğraşıyorum responsive de menü taşıyor overflow hidden bir işe yaramıyor nasıl bir çözüm bulabilirim yorumları okudum ama çözen yok çözen birisi cevap verebilir mi lütfen
navbarda anasayfa iletişim gibi a etiketlerininin içindeki href ile başka html sayfalara yönlendime yapamıyorum neden acaba
tarayıcının üst kısmında uzatntıyı gösteriyor ama yönlendirme yapmıyor
menü responsive olunca taşma oluyor nasıl düzeltilebilir tşk.
position:fixed; kullan
html tarafında nav-active adında class yok yalnız.onu neden ve nasıl oluşturduk?
nav-active diye bir css tarafında class açtı ve javascritte toggle ile menüyeydi sanırım dahil etti kodları tam hatıtlamiyorum.