(Html-Css Ders 45) HTML Ve CSS Kullanarak Navbar Menü Yapımı
HTML-код
- Опубликовано: 24 авг 2020
- 💬 Navbar (Navigation Bar), internet sayfalarının orta ve üst kısımlarında yer alan, genellikle grafiklerle süslenen ve internet sitesinin ana geçiş sayfalarına ulaşılabilen navigasyon menüsüdür. Navbar menüsü sayesinde sayfaya giren internet kullanıcıları, internet sitesinin en önemli bölümleri arasında kolayca geçiş yapabilirler.
İnternet sitelerinin kullanıcılar tarafından taranma şekli yukarıdan aşağıya doğru olması nedeniyle Navbar’lar internet sitesine giriş yapan bir kullanıcının içerikten önce göreceği ilk menülerdir. Bu nedenle internet sitenizde dikkat çekmek istediğiniz sayfa ve kategorileri bu alana yerleştirmeniz hatta reklamlarınızı dahi navbar’a yakın bölümlere yerleştirmeniz çok daha etkili sonuçlar elde etmenize yardımcı olabilir.
🔔 Daha Fazla Türkçe Yazılım Eğitimi Videosu İçin Abone Olabilirsiniz
✅ Tüm Udemy kurslarımın linki: linktr.ee/emirozdemir
✅ Discord Sunucumuza Katılmak İçin Tıklayın : / discord
✅ Icon linkleri:
cdnjs.com/libraries/font-awesome
fontawesome.com/icons?d=gallery
✅ Github linki : github.com/emirgorkemozdemir/...
✅ Html-Css oynatma listesi : • Html ve Css Dersleri 2022
✅ C# oynatma listesi : • C# Dersleri 1 | Visual...
--------------------------------------------------------------------
emir özdemir html
html ve css site yapımı
css dersleri
css dersleri 1
xhtml ve css dersleri
xhtml (html) ve css dersleri (türkçe)
html ve css ile web sitesi yapımı
html dersleri 7
html ve css dersleri
html ve css ile site yapımı
html ve css ile web sitesi yapımı
html ve css ile kişisel web site yapımı
html ve css ile sıfırdan site kodlama
html ve css ile menü yapımı
html ve css nedir
html ve css ile web site yapımı
html ve css birleştirme
html ve css site yapımı
html ve css den sonra
xhtml (html) ve css ders
html ve css eğitimi
html dersleri css
html ve css ile web sitesi yapma notepad
html ve css ile oyun yapımı
html ve css kodları ile site yapımı
html ve css nasıl öğrenilir
html ve css ne işe yarar
html ve css ne kadar sürede öğrenilir
xhtml ve css dersleri
html ve css öğrenmek
html ve css öğrenme
html ve css öğren
html ve css öğrenmek ne kadar sürer
html ve css test soruları
html ve css tabanlı kişisel web sitesi yapımı
xhtml (html) ve css dersleri (türkçe)
css ve html
html ve css ile yapılmış site örnekleri
html dersleri
html css dersleri
html css
html5
html ile web sitesi yapımı
html5 dersleri
html css site yapımı
html site yapımı
html css javascript
html arka plan resmi yapma
html admin paneli yapımı
html and css
html arama motoru yapma
html arama kutusu yapımı
html and css website design
html ana sayfa yapma
html arka plana müzik ekleme
a html program
html iframe
html başlangıç
html buton ekleme
html basit site yapımı
html butona link verme
html button
html bootstrap
html button link verme
html başlangıç dersleri
html css js
html css javascript dersleri
html css js dersleri
![Mobil Uyumlu ve Animasyonlu Menü Nasıl Yapılır ? [ HTML ve CSS ]](http://i.ytimg.com/vi/CrrrPexlOwM/mqdefault.jpg)
Gördüğüm en sade temiz anlatımlı navbar videosuydu. Özellikle yeni başlayanlar için çok ideal. Video için teşekkür ederim. Başarılarınızın devamını dilerim
Düşünceleriniz için çok teşekkür ederim , iyi çalışmalar :)
harikasın kardeşim
Sade açık ve net anlatım için teşekkürler Hocam✍🙏
Teşekkürler iyi çalışmalar :)
mükemmel
ben şuan css öğreniyorumda senin kullandığın bazı komutları ben daha görmedim tutorialda bilmediğimden soruyorum justify , flecx-direction bunlar bootstrap gibi kütüphaneler ilemi öğreniliyor yoksa css in kendi orjinal komutlarımı acaba
Css orijinal fonksiyonu hepsi , flexbox videosunda vardı sanırım anlatımları.
videoda kullandıgınız renk seçme uygulamasını nereden indirebiliriz? "Just Color Picker" indirme linkini atarsanız sevinirim
emirgorkemozdemir@gmail.com mail adresine mail atarsanız size gönderebilirim
video baya faydalı oldu çok teşşekürler
Teşekkürler , iyi çalışmalar
@ ben teşekkür ederim daha fazla video atmanız dileğiyle
@@adildegirmenci4551 Teşekkürler :)
@ eklenen background resminin koyulaştirmayi nasıl yapabiliriz
@@adildegirmenci4551 Opacity değerini yükseltebilirsiniz ama kullandığınız resimle de alâkalı olabilir açık görüntüsü .
Merhabalar pencereyi küçülttüğümüz zaman arka plan resmi de küçüldüğü için, pencere farklı boyutlara getirildiğinde belirli alanlarda sadece beyazlık oluyor. Yani basit şekilde anlatırsam pencereyi dikdörtgen, resmi de kare olarak yaparsam. resim kendi boyutu kadar alanı doldurduktan sonra geri kalan yerler beyaz kalıyor. bunu nasıl düzeltebiliriz? repeat komutunu kullanmak istemiyorum.
Bu durum responsive tasarımla ilgili , kanalda responsive tasarım videosu mevcut. Oradaki gibi media-query yazarak resmin boyutunu ekrana göre ayarlayabilirsiniz repeat kullanmadan.
@ tamamdır çok teşekkür ederim
merhaba h2 etiketi içerisine resim eklemk istersek hangi kodu kullanmamız lazım
h2 içerisinde sadece başlıklarınızı tutmanız gerekmekte.
background resmi diğer menülerde de görünecek mi? Ben de sadece anasayfada görünüyor.Bunun için ayrı bir tag var mı acaba?
Maalesef öyle bir tag yok. Yaptığınız html sayfasinda gözükür. Diğerlerine eklemek için aynı kodları diğer sayfalara da eklemeniz gerekir
hocam selamlar aynı sayfa içinde iki farklı yapı oluşturdum body etiketlerindeki çakışmayı nasıl önlerim (important ?)
important kullabilirsinkz
hocam mesela galeri sekmesıne tıkladıgımzda baska bi sayfa acmasını nasıl yapıcaz
Linkte gözükecek yazı
navbar ları rensposive yapınca icons icine alınmasını da yapıyormusunuz
Evet onu da yapmamız gerekiyor.
@ teşekür ler yanitiniz için
Bekliyoruz
@ bide yaptiğimiz projeleri sizinle paylaşmamiź için bi instagram hesabiniz var mı
@@ugurbilgi2534 emirgorkemozdemir@gmail.com mail adresine mail atabilirsiniz
2:17
Hocam İletişim,Hakkımda,Ana sayfa yapımı nı yaparmısın
Selamlar önceki videolarda benzerleri var . Ama dediğiniz sayfaları da yapmayı düşünüyorum.
@ tm dir hocam
@ hocam bunun videosunu ne zaman çekeceksiniz
@@Floyddx Selamlar , oynatma listesinden bakabilirsiniz iletişim sayfası videosu mevcut
responsive mi peki bu navbar
Responsive olduğunda genelde telefondan girilince navbar olarak kalmıyor :) küçülüp menü haline getiriliyor bu videoda onu yapmadım maalesef ama bu videoya bakabilirsin demek istediğim şeyi tam olarak anlarsın ruclips.net/video/oLgtucwjVII/видео.html
@ teşekkür ederim :D
birisi kodları yazabilir mi acaba
çok ama çok uzuuuuuuun
github emirgorkemozdemir üzerinde mevcut :)
8vh dediğin nedir açıklayabilir misn?
View port height açılımı , ekranın yüksekliği ne kadar olursa yüzde 8 ini kaplayacak demektir. Yani telefon ekranından siteye girildiğinde yükseklik düşecek ve ekran ne kadarsa yüzde 8 i kadar yer kaplayacak.
@ bu yaptığım nav barı attığın videoyla responsive yapabilir miyim
@@TahaBeyG Yapabilirsin tabii ki
@ bu kadar ilgilendiğin için sağol
@@TahaBeyG önemli değil iyi çalışmalar :)
kodları atabilir misiniz?
Github adresimde mevcut . Videonun altındaki açıklamada github adresimin olması lazım.
Ya dostum kafayi yicem bana yardim edrlermisin lütfen şimdik ben yapiyorum ama htmlde yaptigim css de plmuyor local host hatasi veriyodu duzelttim simdik ise calistir dedigim zaman sitede kodlarin dosyasi cikiyor ornek app.css apx.html dosyalari cikiyor sitede ve tikladigim zaman kodlar gozukuyor
emirgorkemozdemir@gmail.com mail adresine mail atarsaniz detaylı bakabilirim
@ Tamam dostum tesekurler