Faire une Navbar Responsive en HTML & CSS - Expliqué de A à Z avec Menu Hamburger

Поділитися
Вставка
  • Опубліковано 10 лют 2025

КОМЕНТАРІ • 323

  • @LiveCodeofficiel
    @LiveCodeofficiel  2 роки тому +42

    Les ressources de la vidéo : formation.live-code.fr/Ressources-Navbar
    Le code JS pour le menu : pastebin.com/KtXmqHCU

    • @farelandjandji8558
      @farelandjandji8558 2 роки тому

      bonjour comment je peux avoir le lien

    • @farelandjandji8558
      @farelandjandji8558 2 роки тому

      bonjour comment je peux avoir le lien

    • @amandinehoudbert9554
      @amandinehoudbert9554 2 роки тому +1

      C'est quoi le code de déchiffrement?

    • @GVAC-MUSIC
      @GVAC-MUSIC 2 роки тому

      besoin du lien que faire

    • @jmerlouthekson6638
      @jmerlouthekson6638 2 роки тому

      Bonjour .
      Je suis nouveau dans le domaine informatique . comment tu fais pour faire sortir la console du développeur ? Pour insérer le menu ?

  • @HSchrooellINSTITUT-h5h
    @HSchrooellINSTITUT-h5h 13 днів тому +1

    Je t’assure moi je suis débutant depuis la côte d’ivoire 🇨🇮 et là vraiment c’est super appris

  • @williamjr5826
    @williamjr5826 2 роки тому +21

    Un tuto au top ! Quand on a quelques bonnes bases, on comprend relativement rapidement comment tout s'imbrique. Merci !

  • @Tarik.lifestyle
    @Tarik.lifestyle 11 місяців тому +3

    Franchement je viens de tomber sur ton profil je trouve que ta vidéo explicative est vraiment intéressante, merci beaucoup.👍

  • @jeanmoncher2661
    @jeanmoncher2661 Рік тому +9

    Un tuto bien expliqué et commenté du début jusqu'à la fin; ce qui permet aux débutants et aux seniors de mieux comprendre le concept en arrière de ce menu.

  • @user-lb1gt6tu9l
    @user-lb1gt6tu9l 2 роки тому +11

    Je m'intéresse à la création Web suite à un tp dans mon école.
    Et je dois dire que t le meilleur tuto sur lequel je suis tombé et de très loin.
    Merci pour ton temps et ton expertise.

  • @OutongOutong-zh3zw
    @OutongOutong-zh3zw Рік тому +1

    Frerot, franchement, t'es le best. J'avais téléchargé la vidéo pour pouvoir le réaliser. Mais à la fin, je me dis que ne pas laisser un like et un commentaire serait un péché. Force à toi .

  • @zafer2562
    @zafer2562 2 роки тому +9

    Merci tu me sauves la vie mon gars , je n'arrivais pas a faire se truc trop con :)

  • @Saya.misri_aussi-tha01
    @Saya.misri_aussi-tha01 3 місяці тому +2

    J'ai adoré, merci, je vais m'en servir pour ma première soutenance dans notre projet à trois. Encore merci.

  • @lempereurgeek3172
    @lempereurgeek3172 2 роки тому +5

    franchement le premier tuto sur des navbar responsives que je trouve simple, pratique et fonctionnel ! merci beaucoup !

  • @Judaak_
    @Judaak_ Рік тому +1

    Après de nombreuses recherches, j'ai enfin trouvé parfaitement ce que je cherchais ! Tu me sauves la vie Mr, merci beaucoup ! Keep going !

  • @alloaluile3608
    @alloaluile3608 2 роки тому +2

    went through when I first started video editing, now it's taking a whole new switch and learning soft will only boost my courage for the

  • @amoweb2409
    @amoweb2409 2 роки тому +2

    incroyable j'ai galéré à l'adapter à mon site mais une fois bien compris ça marche super bien

  • @pastiille7467
    @pastiille7467 2 роки тому +2

    salut, je suis en pleine formation et tes vidéos m'aide beaucoup meerci

  • @Endermax_
    @Endermax_ Рік тому +1

    merci pour la vidéo grâce à toi j'ai compris comment fonctionne le responsive !

  • @rickwarel9935
    @rickwarel9935 6 місяців тому

    merci infiniment car grâce a tes vidéos j'ai compris le responsive en HTML-CSS.

  • @XeOneDash
    @XeOneDash 5 місяців тому +2

    Merci, c'est très concis et bien expliqué.

  • @franckngoubounkou9930
    @franckngoubounkou9930 11 місяців тому

    😊Bien expliqué ça me décourage même de faire du css tuto car y a des goat comme toi .

  • @alexandrecampan3728
    @alexandrecampan3728 2 роки тому +1

    Le retour de Live Code !!

    • @LiveCodeofficiel
      @LiveCodeofficiel  2 роки тому

      Ça faisait un petit moment en effet 😌

    • @melissa8560
      @melissa8560 11 місяців тому

      @@LiveCodeofficielet on attend ton retour aujourd’hui !!

  • @JVMMY7
    @JVMMY7 2 роки тому +1

    Ça faisait longtemps, content de te revoir 🙂

  • @bobhakugei471
    @bobhakugei471 2 роки тому +2

    vraiment cool tes videos , je suis étudiant en premiere année . tes explications sont claires ....MERCI !!!

  • @VasilyEgorovo
    @VasilyEgorovo Рік тому

    Thank you, i dont understand nothing about french but i got all the message! Hi from Venezuela buddy!

  • @chasseurFR
    @chasseurFR 2 роки тому +6

    Excellente chaîne pour apprendre et se perfectionner au code ! Merci !

  • @Minia-Elychat
    @Minia-Elychat 2 роки тому +7

    Salut et encore merci pour cette vidéo très intéressantes j'aime bien ton style de vidéo et de contenue il permet d'évoluer et de mieux comprendre certaines choses. :D

  • @tayebk6610
    @tayebk6610 Рік тому

    un tuto simple et efficace comme ont les aime merci

  • @FranckyChrismelMBOUMBAMBOUMBA
    @FranckyChrismelMBOUMBAMBOUMBA Місяць тому

    Bonsoir, super tuto très explicite merci beaucoup

  • @BaNdong-q2o
    @BaNdong-q2o 7 місяців тому

    Bonjour et merci beaucoups j'ai réussi à le faire grâce à votre tuto .

  • @SAMURAI232-u3q
    @SAMURAI232-u3q 11 місяців тому

    best video on youtube so far !!!

  • @domeshow
    @domeshow 2 роки тому +2

    My Boss is de retour 😁

  • @justetk
    @justetk 2 роки тому +1

    You have been a great help. Hello from Azerbaijan.

  • @cyriledouard9848
    @cyriledouard9848 2 роки тому +1

    merci pour cette video une fois de plus simple a comprendre et a reproduire pour des projets

  • @OnSakeez
    @OnSakeez 2 роки тому +2

    très bonne vidéo avec très gros glow up niveau montage, motion design !

  • @Soukouna4252
    @Soukouna4252 2 роки тому +3

    Ravi de te revoir mec et merci pour le tuto

  • @law1928
    @law1928 2 роки тому +2

    + de vidéo comme ça !

  • @rhaadaamanthe_3727
    @rhaadaamanthe_3727 2 місяці тому

    C'est le premier tuto de ta part que je regarde mais t'es déjà le goat ! D'ailleurs je trouve pas mais est-ce que tu auras fais une vidéo de présentation de tes extensions ? Elles ont l'air super

  • @christophemillot5541
    @christophemillot5541 2 роки тому +1

    Merci beaucoup. Je m’abonne direct !

  • @YASSINE_LRCS
    @YASSINE_LRCS 2 роки тому +1

    gg legend je te jure c'est colle

  • @cyrice1890
    @cyrice1890 2 роки тому +1

    Bonjour, merci beaucoup pour cette vidéo. J’ai étudié et reproduire la même chose c’est magnifique. Seulement j’ai essayé d’avancer en y ajoutant des paragraphes et autres. Enfaite quand on est sur mode pc tout va bien mais en mode téléphone les écritures de paragraphe sont superposés au contenu du menu principal ! Vraiment je me sent limité. Merci beaucoup

  • @Alex_3D
    @Alex_3D 2 роки тому +1

    Ouais l'boss 👊🔥

  • @maydew
    @maydew 2 роки тому +4

    Merci beaucoup pour tes explications claires et précises ^^

    • @carabistouille_
      @carabistouille_ 2 роки тому +3

      T'as réussi à reproduire le code ?

    • @Romixo_
      @Romixo_ 2 роки тому

      @@carabistouille_ Perso Yes

  • @Blackismo
    @Blackismo Рік тому +1

    merci pour cette formation tres instructif😀🙌

  • @lawisgui
    @lawisgui Рік тому

    Super vidéo, elle m'a bien aidée merci chef

  • @trgiahuy1874
    @trgiahuy1874 2 роки тому +1

    thank you man although i didnt understand such a word you said haha. btw the code has worked so thank you

    • @LiveCodeofficiel
      @LiveCodeofficiel  2 роки тому

      Thanks aha, how did you find my video if you don't speak French? UA-cam recommendation ? Google ?😅

  • @kevinnsapo8711
    @kevinnsapo8711 2 роки тому +1

    très bien expliquer ca m'a beaucoup aidée merci !!

  • @alesmazur7640
    @alesmazur7640 Рік тому +1

    I dont understand france but i like you video! Good luck! cute tutorial

  • @mikedube
    @mikedube 2 роки тому +1

    wow ! vraiment beau tuto !

  • @SoumayaMoumni
    @SoumayaMoumni 3 місяці тому

    Merci beaucoup bonne explication❤

  • @nanok-mornigstar
    @nanok-mornigstar 2 роки тому +1

    when you’re in the channel rack, click on gms to open up the gms nu, in the light blue screen on the top left look where it says

  • @feelingnether158
    @feelingnether158 Рік тому +1

    parfait merci beaucoup bien expliqué et très claire

  • @rhayannejoseegangoua1525
    @rhayannejoseegangoua1525 Рік тому

    Magnifique tutoriels

  • @Squ4Moony
    @Squ4Moony Рік тому

    Un tuto superbe ! Merci mec

  • @loshmy0215
    @loshmy0215 2 роки тому +1

    Merci,respect!

  • @Romixo_
    @Romixo_ 2 роки тому +2

    Merci BG !!!

  • @elieappia8443
    @elieappia8443 17 днів тому

    Super tuto❤

  • @omegaaxel5759
    @omegaaxel5759 Рік тому

    merci beaucoup j'ai tellement appris sur cette videos si tu peux en faire sur les flexbox ça va vraiment m'aider merci !

  • @lylypoupou5505
    @lylypoupou5505 2 роки тому +1

    very helpful and simple man.. i tNice tutorialnk i'm gonna see all your videos

  • @elde4975
    @elde4975 2 роки тому +1

    Everything works perfectly

  • @Manu_Gallagher
    @Manu_Gallagher 2 місяці тому

    Merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii, bien soigneee

  • @abdelkebirelguardi
    @abdelkebirelguardi Рік тому +1

    Un tuto bien expliqué

  • @mohamedamin2329
    @mohamedamin2329 2 роки тому +1

    very talented teacher - cheers

  • @elhadjtuto1644
    @elhadjtuto1644 2 місяці тому

    superbe video merci bcp

  • @riadchoukairi1895
    @riadchoukairi1895 2 роки тому +1

    Merci !

  • @juleszanardi1140
    @juleszanardi1140 2 роки тому +1

    Merci beaucoup, super tuto

  • @daniel_youtubechannel8717
    @daniel_youtubechannel8717 2 роки тому +1

    Trop cool 👍

  • @kprirusse4641
    @kprirusse4641 2 роки тому +1

    it work on my pc thx bro vеry much

  • @serge-olivierouattara6932
    @serge-olivierouattara6932 2 роки тому +1

    help, I'm definitely starting to get the hang of it. Just thought I'd share.

  • @belhadadhicham6080
    @belhadadhicham6080 2 роки тому +1

    mercii

  • @karbocrds
    @karbocrds Рік тому

    Video incroyable!! Pourrais tu faire plus de tuto?

  • @young_bounty_8752
    @young_bounty_8752 Рік тому

    Meilleur tuto ever. Merci pour cette magnifique vidéo

  • @nightblood1253
    @nightblood1253 2 роки тому +3

    bien explique bravo a toi si tu peux faire une video ou tu crerai un portfolio responsive

    • @LiveCodeofficiel
      @LiveCodeofficiel  2 роки тому +2

      Peut être pas un portfolio car c'est l'un des projets que je créer dans ma formation mais je vais voir ce que je peux faire. Je pense peut être plus me tourner vers des vidéos moins longues (pas des vidéos de 1h-2h comme avant) mais plus vers des vidéos comme j'ai pu faire sur ma chaine ces derniers temps.

  • @mortalanzang7567
    @mortalanzang7567 Рік тому

    👍Good job Bro

  • @yumikolikeit7782
    @yumikolikeit7782 Рік тому

    Carrément top.... merci

  • @theinsanebustle
    @theinsanebustle Рік тому

    Language nahi samajh aayi but content pura dekh ke Sikh gaya

  • @ziadhamri
    @ziadhamri 2 роки тому +1

    Heee frérot ca fait longtemps que t'avais publie une nouvelle vidéo

  • @yayaismailousmaneyaya4885
    @yayaismailousmaneyaya4885 2 роки тому +1

    Super!

  • @darknessssssssssssse
    @darknessssssssssssse 2 роки тому +1

    great tutorial man. I'm Nice tutorialgh af and I understood tNice tutorials so well I was just hype to get to making s

  • @juvfried1584
    @juvfried1584 8 місяців тому +1

    Bonjour, super tuto..
    Puis-je avoir le code CSS & HTML ?

  • @AdelKhairy1960
    @AdelKhairy1960 10 днів тому

    Bonjour, Bravo C'est trés simple et direct j'ai beaucoup appris sauf que la partie de JS ne veux pas fonctionner j'ai essayer plusieurs fois tu peux m'aider ?

  • @ismailiakmalsaid3572
    @ismailiakmalsaid3572 Рік тому

    Trop génial

  • @betelgeuse6388
    @betelgeuse6388 2 роки тому +1

    Thank you so much for this tutorial.

  • @podcast_maak
    @podcast_maak 2 роки тому +1

    worked for . On default it was at Agressive TE for but I clicked to the right

  • @alexandernassar6619
    @alexandernassar6619 2 роки тому +1

    Really amazing. Thanks

  • @fur02687
    @fur02687 Рік тому

    Limpide ! Merci

  • @KushieMoon
    @KushieMoon Рік тому

    Très utile merci beaucoup pour le tuto ^^

  • @aryasenarm
    @aryasenarm Рік тому

    Thanks so much, sir.

  • @leviswizy3077
    @leviswizy3077 2 роки тому +1

    Nice tutorial-5 Bro!

  • @Music-fg5dd
    @Music-fg5dd Рік тому

    Ca régale

  • @mezhgansaadat3145
    @mezhgansaadat3145 Рік тому

    I really like how you did work on this responsive Navbar . Can you make such a great video in English too?

  • @Daniel_Agostini
    @Daniel_Agostini Рік тому

    mio padre🔥🔥

  • @glodikalala8919
    @glodikalala8919 Рік тому +5

    Merci pour la vidéo. Ce ne serait pas mieux de mettre à notre disposition le code CSS et HTML dans la description ? Car j'ai des difficultés au niveau du mobile-menu.

    • @jonathanzadi9571
      @jonathanzadi9571 Рік тому

      rajoute des ";" après les variables dans le script

  • @yahyarechag8540
    @yahyarechag8540 Рік тому

    Thank you !

  • @tt4m
    @tt4m Рік тому

    شكرا❤

  • @zinoua9884
    @zinoua9884 2 роки тому +2

    Fantastic

  • @nowblac
    @nowblac 2 роки тому +1

    Tank you for this vídeo 👍👍👍👍👍👍💻🖥️

  • @hanuunshe
    @hanuunshe Рік тому

    merci beaucoup

  • @MichelMambuku
    @MichelMambuku Рік тому

    Salut, je suis vraiment satisfait de cette vidéo . Cependant, je vous conseillerais plutôt d'agrandir un peu la taille de votre écran car j'ai eu par la suite du mal à voir certains codes.
    Donc,...

  • @yeskouyesko3079
    @yeskouyesko3079 Рік тому

    Merci infiniment

  • @Emile-r9o
    @Emile-r9o 4 місяці тому

    Merci pour cette vidéo très utile et bien expliquée, comment pourrait t on adapter ce menu pour en faire un menu déroulant avec des sous catégories ? Merci d'avance !

  • @wes_333
    @wes_333 Рік тому

    merciiii

  • @VictoriaDubois-ic8ws
    @VictoriaDubois-ic8ws 2 роки тому +1

    merciiiiiiiiiiiiiii