HTML VE CSS | NAVBAR YAPIMI

Profesyonel E-Ticaret Sitesi Yapımı Kursu Yayında : bit.ly/3s2yp4D Hata Çözümü İçin Discord: discord.gg/5DPSS3jHpg Daha Fazlası İçin Abone Olmayı Unutma ❤

[@zelihagunes9897]

Güzel ve ayrıntılı anlatım için teşekkürler. Lütfen seriye devam edin.

Güzel yorumunuz için teşekkürler. Yeni içeriklerden anında haberdar olmak için bildirimleri açın.

[@BugraMaden]

Doğal anlatım gayet açıklayıcı olmuş sağolun abone oldum.

[@myytkn8526]

Kardes iyi ki seni KZbin'da buldum. Senin Videolarin ile cat pat birseyler kapiyoruz. Web tasarim inanilmaz zevkli sey birseyler ögrendigim gibi cok da zevkli. Videolarin devamini gelmesini umuyoruz. Sana önce saglik ve basari dilerim. 👍

Merhabalar. Yorumunuz beni çok mutlu etti. Web tasarımdan keyif alıyorsanız bu meslek tam size göre. Uzun zamandır iş yoğunluğundan yeni videolar çekemedim. Haftaya bir aksilik çıkmazsa yeni serilere başlıyor olacağım takipte kalın. İyi çalışmalar, bol kodlu günler :)

[@myytkn8526]

@ Sizin Videolariniz da beni mutlu ediyor. Evde kitaplar ve sizin Videolara bakarak tasarlamaya calisiyorum. Adim adim CSS'e dogru ilerliyorum. Bu isi muhakkak ögrenecegim. Faydali Videolar icin cok tskler. Takipteyim!😃

[@sedataltug4595]

On numara bir anlatım sayenizde eksiklerimi tamamladım teşekkürler videoların devamını bekliyorum..

Selam Sedat. Faydalanman beni mutlu etti. Yaklaşık 5 sayfalı güzel bir web site projesi yolda. Takipte kal. İyi çalışmalar, bol kodlu günler :)

[@mucahitklc6435]

Sen adamsın adam. Videolar gayet öğretici, teşekkürler

[@arz1426]

Teşekkürler.

[@abdussametkaya7074]

allah razı olsun ben bilişim öğrencisiyim bir kaç gün web dersini kaçırdım sayenizde burdan öğreniyorum

Selam Abdussamet. Güzel yorumun için teşekkür ederim. Sana yardımcı olmak beni mutlu etti. Yazılım hayatında başarılar dilerim. İyi çalışmalar, bol kodlu günler :)

[@ontheskyblue]

Hocam eline emeğine sağlık. Kesinlikle kafamda birçok konu oturdu.

Videonun faydalı olmasına sevindim. Bu benim için gurur verici bişey :)

[@selcukyilan]

Dostum meraba, gayet açıklayıcı bi şekilde anlatıyosun. Kanalına 2-3 saat önce denk geldim. Bu videoda üçüncü çalışmam. Eline emeğine sağlık, kısmen front end öğreniyoruz diyebiliriz heralde. :)

Faydalanmana sevindim Selçuk. Yeni başladın sanırsam. Tam olarak hangi seviyedesin?

[@selcukyilan]

@ Bi seviye denilemez aslında, python hariç, HTML ve CSS i öğrenmeye başladım. Yaklaşık 10-12 gündür günde 4-5 saat vakit ayırıyorum. Ve şuanda yazılım öğrenmeye aç birisiyim. Biraz Front end öğrendikten sonra Back end e geçicem Php vs. Hangisi cezbederse beni o alanda kendimi eğiticem.

[@senanqocayev4939]

Azerbaycandan Selamlar cok iyi anlatiyosun baya zevqli teşekurler videyolar devamli olsun

[@Kiper1]

Öncelikle merhaba konu anlatımın kodları göstermene dahil herşeyin mükemmel abone oldum bildirimleri açtım gerçekten teşekkür ederim geleceğin yazılımcılarını yetiştiriyorsun :)

Teşekkürler Yusuf. Beğenmene sevindim :)

[@alperen880]

böyle devam et dostum videoların oldukça faydalı, eninde sonunda hakettiğin desteği bulacaksın.

Bunu duymak beni mutlu etti. Teşekkür ederim :)

[@mehranomerov5445]

Baya bi yoruldum ama çok zevkli bi iş oldu. çoooook teşekkürler kardeşimmm, ellerine sağlık

Faydalanmana sevindim :)

[@mehmetkarakas130]

teşekkür ederim faydalı bir içerik oldu. Videoların devamını bekliyoruz.

Rica ederim iyi çalışmalar.

[@muzafferyasinyildirim9976]

Hocam Tecrübelerinizi Bizimle Paylaştığınız İçin Teşekkür Ederiz Çok Güzel Anlatıyosunuz Gerçekten ALLAH Razı oLsun ...

Rica ederim. Faydalanmana sevindim. İyi çalışmalar.

[@muzafferyasinyildirim9976]

@ Teşekkür Ederim Hocam

[@sweazeredit8352]

dediği gibi gerçekten türkçe kaynak bulmak çok nadir bişey ve sen çok iyi ilerliyosun ileriki zamanlarda iyi işler başara bilceğini inanıyorum serilerin devamı gelsin ve html ve css 0 dan öğrenim videoları gelirse çok güzel olur

[@ferhatgul4338]

Ağzınıza, emeğinize sağlık hocam bu güzel anlatım için.

Yorumun için teşekkürler faydalanmana sevindim :)

[@Alone-od8kj]

​@ Hocam merhaba, ben şimdi siteme bir navbar tasarladım ama navbardaki butonlara tıkladığımda farklı bir arayüz tasarlamak istiyorum yani kategoriler olsun diyorum. HTML ve css ile nasıl yaparım

@@Alone-od8kj Son videomda bahsettiğin konular var incelemeni öneririm.

[@Alone-od8kj]

@ Çok teşekürler

@@Alone-od8kj Rica ederim.

[@ardaolog]

Çok faydalı bir içerik, eminim birçok kişinin işine yarayacaktır

Faydalanmana sevindim. Tam olarak hangi seviyedesin?

[@rzaanlsahiner7594]

teşekkürler doğu demirkol, faydalı oldu

Rica ederim. İyi çalışmalar.

[@SeherCicek-fs4wy]

çook teşekkür ederim bilgisayar genetiği herşey için tavsiye ve ders anlatımı için

Rica ederim, iyi çalışmalar.

[@naturediscovery10]

emeğinize sağlık hocam

Güzel yorumun için teşekkür ederim Safiullah. Beğenmene sevindim. Elimden geldiğince güncel ve yararlı içerikler çıkarmaya çalışıyorum. İyi çalışmalar.

[@myytkn8526]

Bir de A'dan Z'ye komple bir sayfa yapma Videosu cekersen sevinirim.

[@AgahErdem]

kralsın ya abone olup beğenip bildirim açıyorum umarım devam edersin bu videolara.

Teşekkürler.

[@nihatbeyi]

adam gibi adamsın krall emegıne saglık ...

[@viskyedit]

kardeşim bişe sorucam ya benim margin ve paddingler mavi olmuyor neden ve çalışmıyor?

[@sahraeksi8788]

Allah razı olsun

[@melisa7964]

hocam menü bar oluşturduktan sonra imleç ile alt menülere gelirken alt menüler kayboluyor tekrar imleci menü kısmına getiriyorum yani videoda imleci servisler kısmına getirince alt menü çıkıyor ya imleci alt menüde gezdirirken alt menü kayboluyor

[@numanboran267]

12:00 hocam bu örneklerden 10-15 tane yapmaktan bahsediyorsunuz burada ama devamı gelmedi tek örnek olarak kaldı :) daha fazla css html çalışması istiyoruz

Kanalda mevcut. İyi çalışmalar.

[@ahmetttsimsir7330]

Anlatım süper, teşekkürler

Devamı gelecek.Takipte kalın.

[@Eren-qt9ps]

eline sağlık çok güzel olmuş kanala abone oldum başarıların devam eder umarım

Teşekkürler, iyi çalışmalar.

[@EfeYasli]

Hocam senin sayende html/css öğrendim çok sağol

Rica ederim. Yardımcı olduğuma sevindim :)

[@creativeaisounds]

usta üzerine hakkımızda kısmınıa geldiğimde yazılar açılıyor ama yazılara basmadan kapanıyor basamıyorum misonumz veya takımımız kısmına onu nasıl ayarlıcaz

[@kaan9147]

hocam selamlar aynı sayfa içinde iki farklı yapı oluşturdum body etiketlerindeki çakışmayı nasıl önlerim (important ?)

[@babek3891]

cok guzel

[@OmarAydamirli]

selam bende cssde asistan yazdigim kodlari tamamlaya biliyo ama htmlde yazdigimda mesela head yazdigimda ve ya ! yazdigimda tamamlayamiyo onun ayarlarini nerden aca bilirim

[@fullstackdevelopment2983]

eline sağlık çok faydalı oldu.

Faydalanmana sevindim :)

[@tameryldz4725]

eline emeğine sağlık kardeşim

Faydalanmana sevindim.

[@Emre-po4wu]

çok tesşekürler

Rica ederim.

[@mehmetalicoskun6506]

yarına sınavım var baya yardımcı oldu sağol

[@Aleynafalan]

web sitesi yapıcaz ve harika bir video olmuş hocam aceba arka planda resim yerine video olup üstüne navbar eklediğin bir web sitesi çeker misin ? =)

Yorumun için teşekkür ederim. Bu aralar biraz yoğunum ancak yaklaşık 4 veya 5 sayfalık bi web site projesi yapacağız. İyi çalışmalar, bol kodlu günler :)

[@bunyaminkarahan7376]

videolu web sitesi mi?

[@DT-lg5yx]

birde o home kısmındaki pembe çerçeveyi nasıl kaldıracağız. hepsi normal dursun istiyorum üzerine gelince pembe olsun falan

[@cankocaman]

Elinize sağlık hocam. Ben index.html sayfasını açtığımda sayfa boş gözüküyor ve style kısmında padding margin gibi kodları yazdığımda tanımıyor. sebebi nedir acaba?

Selam Can. Yorumun için teşekkürler. Soruna gelecek olursam, Ctrl S tuşlarıyla kaydetmen gerekiyor. Yoksa bir çıktı alamazsın. Umarım cevabım işine yarar. İyi çalışmalar, bol kodlu günler :)

[@Umutaydn1334]

@ bende Margin ve padding gibi birçok kod yok nasıl yapmalıyım

[@testasdasdasda]

abi bende nedense o background image url bölümünde resmin adını yazıyorum dosya yerini yazıyorum ancak algılamıyor?

[@rabiadea]

Merhaba hocam arkaplan görseline ulaşamadım farklı bir site karşıma çıkıyor çözümü nedir?

[@enes0199]

36:01'de neden icon'u taşımak için float kullandınız? Text align neden kullanılmadı?

Selam Enes. Css'de çok fazla yöntem var, o an hangisi işimize yararsa onu kullanırız. İyi çalışmalar, bol kodlu günler :)

[@TolgaBey1]

hakkimizdaki yere sub menu verdik ama tiklandigi zaman baska bi yere gitmesi icin ne veriyoruz nasil oluyor ?

Discord sunucumuza gelerek sorularına hızlı cevap bulabilirsin.

[@Fullhdkinocom]

Çok iyi anladim teşekur ederim

[@ahmetceylan9160]

hocam içinin içine ulaşıyorsunuz ya onu kısa bir şekilde anlatır mısınız kendi başıma yazarken çok zorlanıyorum css de düzen vermek çok zor oluyor bir ul ye bir a ya bunun farkını nasıl gözetiyorsunuz?

Selam Ahmet. Sürekli pratik yaparsan bu olayı aştığını göreceksin.

[@yigitozer7176]

Hocam selamlar arka plan resminiz 4 tane gözüküyor ön izlemede nasıl düzeltebilirim?

no repeat özelliğini kullanarak.

[@DT-lg5yx]

bu temayı kullanıyorum ama ortasına da birkaç resim eklemek istiyorum napmaliyim acil cevap.

[@muratcanozturk6776]

hocam çok güzel anlatmışsınız bir sorum olacak ben şimdi herhangi bir menünün üzerine geliyorum altındaki şeyler açılıyor mouseyi oraya hareket ettirene kadar kapanıyor bir duration mi atamam lazım çözemedim yardımcı olursanız sevinirim

[@sayanora930]

arka plan için fotografı ekledim ama 4 parça şeklinde oldu nedeninni yazabilcek var mı bir şeyi yanlış mı yaptım?

Discord sunucumuza gelerek sorularına hızlı cevap bulabilirsin.

[@recepkalkan1642]

hocam merhaba navbar ın sol tarafına acaba nasıl resim ekleyebilirim logo olarak kullanacağım .

[@halilata319]

Çok iyi anlatmışsınız hocam. Kafama bir nokta takıldı hocam. Bu yaptığımız navbarların(menülerin) içini nasıl dolduruyoruz hocam? İletişim menüsüne tıkladığımızda telefon ve mail bilgilerimin sitede çıkmasını istiyorum hocam. Hakkımda menüsüne tıkladığımızda özgeçmişim görüntülensin istiyorum hocam. Hakkımda menüsüne paragraf şeklinde özgeçmiş bilgilerimi yazmak istiyorum hocam. Bunun gibi işlemleri nasıl yapıyoruz hocam? Yardımlarınız için şimdiden teşekkürler hocam.

Discord sunucusuna gelerek soruna cevap bulabilirsin. Discord Link: discord.gg/5DPSS3jHpg

[@musichayat8436]

Abi ben komutları çok iyi biliyorum ama cssde mesela sen neden menü-bar active ul li a{} yazdın sadece active ul li a demek olmuyormu bunları anlamıyorum yardımcı olursanız çok sevinirm

Oluyor ama ben gidiş yolunu daha iyi anlamanız için tek tek yazıyorum. Hangisi kolayına gelirse onu kullanabilirsin. Yeterki kod çalışsın :)

[@meteerdem7061]

öcü gibi baktığım kodlamaya sayende başladım. yalnız ben arka plan resmini eklediğimde bir ekranda 4 adet aynı resimden oldu. bunu nasıl tek resim halinde yayabiliriz?

[@yuksellce]

hocam merhabalar ilk baştan web sitesi nasıl yapılır değilde diyelim ki bir müşteri web site istedi nasıl yapmamız gerekiyor login gerekli mi sitenin güvenliği nasıl olucak böyle sıfırdan müşteriye küçük bir site yapma videosu çekebilirmisiniz rica ediyorum ya lütfen.

Yavaş yavaş onlarda gelecek.

[@yuksellce]

@ İnşallah hocam hiç bir kanalda yok çünkü .

[@kemaltac1301]

süper Allah razı olsun

Amin.

[@onurcankucuk4299]

arka plan resmim tam sayfayi doldurmuyom çözürnürlüğü kaç olducak acaba ya da nasi tam sayfayi doldururum sayfayi lutfen cavaplarmısın

[@onsuzbirgarip]

Hocam merhaba ben şu hover olayını yapamadım, daha doğrusu yaptım fakat ana sayfa yazısı ilk haline geldi.

[@ugurugur6394]

bende sub menu1 de aynı hatayı yaptım çözdün mü

[@baybarsreis]

Çok kaliteli bir anlatımınız var.Her şeyi yaptım.Sadece ilk anda body'ye verdiğimiz backgroud resmi ekranda 4 tane oluyor.Tek resim arka planı kaplamıyor.Sebebi nedir acaba?

Güzel yorumun için teşekkürler. Sorunu çözebildin mi?

[@cuneydioglu_c8205]

@ bende de aynı sorun var

[@KaganKabadayi]

Her İnce Detayına Kadar Söylemişsiniz Anlatım İçin Çok Teşekkürler. Videodaki Siteyi Paylaşabilirmisiniz?

Beğenmene sevindim Kağan. İyi çalışmalar.

[@asq7003]

Selamlar hiçbir şekilde çözemedim ben 1e1 yaptım ama Hakkında kısmının hover'ına geldiğimde alt kısımda liste açılıyor fakat oraya mousemi getirene kadar kapanıyor, discorddanda arkadaşlarla iletişime geçtik herşey ayın bi çözemedik

[@asq7003]

.sub-menu-1 { display: none; } .menu-bar ul li:hover .sub-menu-1 { display: block; position: absolute; background-color: #5b71b5; margin-top: 15px; margin-left: -15; font-size: 10px; } .menu-bar ul li:hover .sub-menu-1 ul{ display: block; } .menu-bar ul li:hover .sub-menu-1 ul li{ width: 150px; padding: 10px; border-bottom: 1px dotted #fff; background: transparent; text-align: left; border-radius: 0; cursor: pointer; }

Discord sunucusuna gelirsen orada yardımcı olabiliriz.

[@oturma01854]

abi benim anlamadığım bir şey var şimdi biz bu navbarı yaptık ama hakkımda kısmına basınca hakkımdaya gitsin nasıl yapıcaz

Html a etiketini araştır.

[@yakupukunc01]

abi aynısını yapıyorum arka plan resmi gelmıyor isminide aynısı yaptım hemen yanıylarsan sevinirim

[@honeygrup]

teşekkürler...

[@ismailejder5769]

27:28 gelen ses umarım düşündüğüm hareket değildir.

[@hilmikok6150]

yok canim degildir. :D

[@myytkn8526]

Emin birsey soracagim ben simdilik videolarini izliyorum biraz partik yapiyorum sonra olmayinca tekrar video bakiyorum. yakinda bootcampta egitim alacagim sence pratik yapmam daha mi iyi?

Yazılımı iyice kavramak için bol bol kod yazmalısın. Yazmadan bu iş pek olmuyor. Sürekli pratik ile ilerleyebilirsin. Bir zaman sonra öğrendiğini fark edeceksin.

[@mckpro5554]

merhabalar ben hakkımızda kısmına geldiğimizde açılan nesneleri ortadan ikiye bölerek yarısını sağa yarısını sola almak istiyorum bakmazsınız diye yazmayacaktım ama yorumlarda anlamadığınız yeri belirtin demişsiniz umarım bakarsınız

Css Flexbox yapısını araştırmanızı öneririm. İşinizi görecektir.

[@yavuz_11]

kralll

Teşekkür ederim.

[@yasinsabuncu3590]

Hocam semantic'e html'ye göre konuşursak menu-bar'dan divinden önce header açmanız gerekmiyor mu? Bende yeniyim çünkü

Şart değil. Tabi olsa daha iyi olur.

[@Umutaydn1334]

Bende marning padding gibi şeyler çıkmıyor sebebini bilen varmı

[@ahmetayyildiz_0]

abi eline sağlık. Bi sorum olucak yaptığın navbar responsive bar mı oluyor yani mobilde felan bozukluk oluyor mu buna dikkat ediyor musun yoksa bu basic level mi responsive bi tık daha mı uğraşıyoruz

Yorumun için teşekkürler. Navbar responsive değil. Ekran küçüldüğünde bozulmalar alman normal. Responsive olması için media soruglarıyla yazman gerekiyor. İyi çalışmalar, bol kodlu günler.

[@turkeypower7491]

Güzelll

[@myytkn8526]

👍

Bence 0 dan wordpress tema yapımı gelsin.

[@DT-lg5yx]

visual studio 2019 da fas fa home yazıyorum çıkmıyo

[@kamilates6664]

Hocam lütfen fotoğraf linkini atarmısın ltfeeen.

[@aliozdemir986]

bende dropdown menudeki seylere tıklanmıyor

[@cptprice1]

Hocam merhaba. Sitede resim bende 4 tane çıkıyor çözümü nedir acaba? Dediklerinizi sorunsuz yapıyorum

[@musicalturkey6444]

background-size: cover; Css kısmına bu kodu yazarsan düzelir hocam

[@seb_ku]

Servisler > Mobile App > Unity App bu sekmelerde SADECE yazıya değil de "yazının arkasındaki alana" tıkladığımızda da link olarak çalışsın istersek, buna göre css seçicisini ve kodunu yazabilir misiniz..

[@seb_ku]

Servisler > Mobile App > Unity App zahmet olmazsa bir de yazının renginin değişmesi değil, arka plan boyamasının ana sekmelerdeki gibi olmasını rica etsek?

[@yazilimportali6431]

MErhaba daha tam izlemedim ama acaba neden nav ile yapmadiniz?

Farketmez. nav etiketi Seo için önemli.

[@yazilimportali6431]

@ teskkür ederim cevaplariniz icin kolay gelsin.

[@numanboran267]

Koyduğunuz resim linkinin süresi dolmuş açılmıyor

Link güncellendi. İyi çalışmalar.

[@erendogan5926]

elinize emeğinize sağlık. kullandığınız programın ismi nedir ?

Faydalanmanıza sevimdim. Kullandığım programın ismi Visual Studio Code.

[@erendogan5926]

@ teşekkür ederim

[@fatihefe802]

div yerine neden nav kullanmadınız hocam

[@safauysal1140]

Hocam css dosyanıza ulaşabilme şansım var mı?

[@DEDEosmanKKT]

Sa. Dün akşamdan beri izliyorum çok faydan dokundu zihnimi açtın şu pyhton dilinede örnek bişey yapabilir misin müsait bir zaman diliminde teşekkürederim

As. Fayfalanmana sevindim. İlerleyen zamanlarda olabilir.

[@yigitpektemir5608]

size nerden ulaşabilirim

[@melihozmen1088]

Abi Ben Gizlenme Kdounu Yazıyorum Ama Gizlenmiyor

[@neymaremin168]

abi arka planın linkini vermeyi unutmuşsun bana burdan atar mısın zahmet olmassa teşekkürler

Merhaba Emin. Bunu bildirdiğin için teşekkür ederim. Hemen açıklama kısmına ekliyorum. İyi çalışmalar.

[@hmdabdullayev9773]

Benim resmim 4 kere tekrarlandı galiba resim küçük kaldı 😁

[@SesTonuu]

Hocam 0'dan profesyonel bir web sitesi yapma videosu gelir mi

Şu an onun üzerinde çalışmaktayım en kısa zamanda güzel bi full stack projesi atacağım inşallah.

[@ozgurgecgil2754]

Tamam güzel yapmışsında butona link veremiyorum veriyorum ama çalışmıyor?

Sorununu çözebildin mi?

[@nmecs2]

@ abi merhaba ben sayfayı scroll down yaptığımda navbar kayboluo sabit kalması için ne yapmam lazım?

[@builderman367]

@@nmecs2 position: fixed;: Elemanı kaydırma çubuğundan bağımsız bir şekilde sayfaya sabitleme

[@hexsusstudio327]

Abi bootstrap diye bir nimet var ;D

Evet var :) Öncesinde Css'in mantığını anlamak gerekiyor.

[@hexsusstudio327]

@ o da doğru 😅 birde abi ben sana bir şey sorucamda ben javascriptten C++ programlama diline geçiş yaptım sence bu bir hata mı? Javascriptte document object modeli vesaire anladım artık.

@@hexsusstudio327 C++ ağır bir dil. Neden C++'a geçtin. Daldan dala atlarsan hata yaparsın. Önce bir dili tam öğren. Sonra projene göre dil seçersin. JS sadece DOM'dan ibaret değil :)

Genel DOM'u öğrenmek 5 dakika. Önemli olan pratikta anlamak. İçerisinde metotlar, eventler ve başka başka özellikler var. Bunları iyice kavramak lazım.

[@hexsusstudio327]

@ C++ bana aşırı kolay geldi çünkü JS dışında C#'ı ve pythonu biliyorum yani yazılımın kurallarını vesaire genel olarak kavradım ve yavaştan JS nin sıkıcı geldiğini hissederek bir C diline geçiş yaptim

[@zed3772]

Bunu responsiv yapsaydiniz

[@tolgaswm0644]

Dreamweaver den nasıl yapıcam

Dreamweaver ile uğraşma. Sana önerim Visual Studio Code indir ve bu programla yapmaya çalış

[@Goffy1122]

Kodları atabilirmisin acaba

[@cantr61.]

Yaptığının tıpa tıp aynısını yapıyoRum olmuyor 4:46

[@rubblesoarch]

Merhaba, Yaptınız projeyi "zip" olarak atarmisiniz

[@ghostgamingg920]

ben yapmıştım isterseniz atabilirim.

[@ugurugur6394]

@@ghostgamingg920 kral duruyor mu zip dosyası

[@cyctctctc]

Abi resim linkini atarmisin