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.
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.
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 .
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
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
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
J'ai une question, si on veut faire commme pour ici : 9:25 . J'ai envie que quand un onglet est affiché par exemple support bah je veux qu'il soit rouge etc etc Merci d'avance !
Pour faire ça il suffit d'un petit script en JS qui ajoute la class "Active" au bon onglet quand la section en question est dans le viewport, tu pourras trouver tout ce qu'il te faut sur internet avec cette recherche : "Howto: add class when section is in viewport"
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.
Top, mesmo eu não entendendo o idioma, consegui acompanhar e fazer o menu com sucesso. Top, even though I don't understand the language, I was able to follow and make the menu successfully.
Est-il possible de faire une suite de ce tuto en monrant comment faire pour implementer du texte au dessous de cette navbar et sur l'image en background
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 !
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,...
très bien expliqué mais la prochaine fois va moins vite, ça m’énerve de m’arrêter toutes les 5 secondes et j’pense pas être le seul, tu nous fais un tuto pas un speedrun
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.
Salut, super vidéo ! J'ai tout compris 😁 Il ne serait pas mieux de mettre des % au lieu des px afin que ça puisse être réellement responsive entre tout les types d'écrans ? Encore merci 😉✌️
Hello, c'est pas forcément nécessaire car on utilise concrètement les PX pour positionner le menu hamburger que sur format mobile donc pas réellement besoin de faire en sorte qu'il s'adapte pour des écrans plus grands
Bonjour, superbe vidéo, clair et simple ! Serait-il possible de faire une vidéo nav responsive mais avec un bouton recherche et un bouton connexion en plus? J'avous que je trouve ça super compliqué . Sinon c'est top !
Ce n'est pas très compliqué pour ajouter un bouton de connexion, il suffit de styliser une balise avec du CSS, par contre pour qu'il fonctionne réellement et que l'on puisse accéder à un espace dédié à son compte il faut se pencher sur le backend, ce que je ne fais pas. 👍
@@LiveCodeofficiel Oui je comprends pour le backend, ce n'est pas un problème. C'est juste que quand je veux ajouter un bouton recherche et connexion, j'utilise space around, et à ce moment le responsive se casse la figure 😂 parce que j'ai directement un logo avec une dimension précise je pense. Mais je vois plus où moins le truc. Merci encore
Les ressources de la vidéo : formation.live-code.fr/Ressources-Navbar
Le code JS pour le menu : pastebin.com/KtXmqHCU
bonjour comment je peux avoir le lien
bonjour comment je peux avoir le lien
C'est quoi le code de déchiffrement?
besoin du lien que faire
Bonjour .
Je suis nouveau dans le domaine informatique . comment tu fais pour faire sortir la console du développeur ? Pour insérer le menu ?
Un tuto au top ! Quand on a quelques bonnes bases, on comprend relativement rapidement comment tout s'imbrique. Merci !
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.
J'ai adoré, merci, je vais m'en servir pour ma première soutenance dans notre projet à trois. Encore merci.
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.
🙏🙏🙏
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 .
Franchement je viens de tomber sur ton profil je trouve que ta vidéo explicative est vraiment intéressante, merci beaucoup.👍
franchement le premier tuto sur des navbar responsives que je trouve simple, pratique et fonctionnel ! merci beaucoup !
🙏🙏
Après de nombreuses recherches, j'ai enfin trouvé parfaitement ce que je cherchais ! Tu me sauves la vie Mr, merci beaucoup ! Keep going !
Merci tu me sauves la vie mon gars , je n'arrivais pas a faire se truc trop con :)
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
incroyable j'ai galéré à l'adapter à mon site mais une fois bien compris ça marche super bien
salut, je suis en pleine formation et tes vidéos m'aide beaucoup meerci
Merci, c'est très concis et bien expliqué.
merci pour la vidéo grâce à toi j'ai compris comment fonctionne le responsive !
merci infiniment car grâce a tes vidéos j'ai compris le responsive en HTML-CSS.
Le retour de Live Code !!
Ça faisait un petit moment en effet 😌
@@LiveCodeofficielet on attend ton retour aujourd’hui !!
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
Excellente chaîne pour apprendre et se perfectionner au code ! Merci !
vraiment cool tes videos , je suis étudiant en premiere année . tes explications sont claires ....MERCI !!!
😀
Ravi de te revoir mec et merci pour le tuto
😀
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
Ça faisait longtemps, content de te revoir 🙂
👋
un tuto simple et efficace comme ont les aime merci
Everything works perfectly
+ de vidéo comme ça !
You have been a great help. Hello from Azerbaijan.
merci pour cette video une fois de plus simple a comprendre et a reproduire pour des projets
😉
très bonne vidéo avec très gros glow up niveau montage, motion design !
Merci ! 🙂
My Boss is de retour 😁
😅
😊Bien expliqué ça me décourage même de faire du css tuto car y a des goat comme toi .
best video on youtube so far !!!
Merci beaucoup. Je m’abonne direct !
Merci beaucoup pour tes explications claires et précises ^^
T'as réussi à reproduire le code ?
@@carabistouille_ Perso Yes
Bonjour et merci beaucoups j'ai réussi à le faire grâce à votre tuto .
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
Thank you, i dont understand nothing about french but i got all the message! Hi from Venezuela buddy!
très bien expliquer ca m'a beaucoup aidée merci !!
wow ! vraiment beau tuto !
gg legend je te jure c'est colle
parfait merci beaucoup bien expliqué et très claire
en 15:40 ca marchais pas, (sur Safari) il fauta ajouter le -webkit- alors il est comme ca par example:
-webkit-backdrop-filter: blur(1.8px);
Un tuto bien expliqué
Un tuto superbe ! Merci mec
Super vidéo, elle m'a bien aidée merci chef
Magnifique tutoriels
Merci BG !!!
Merci beaucoup bonne explication❤
Ouais l'boss 👊🔥
😂
Merci,respect!
Merci beaucoup, super tuto
merci pour cette formation tres instructif😀🙌
Meilleur tuto ever. Merci pour cette magnifique vidéo
very talented teacher - cheers
Merci !
I dont understand france but i like you video! Good luck! cute tutorial
😀
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
merci beaucoup j'ai tellement appris sur cette videos si tu peux en faire sur les flexbox ça va vraiment m'aider merci !
Video incroyable!! Pourrais tu faire plus de tuto?
Trop cool 👍
very helpful and simple man.. i tNice tutorialnk i'm gonna see all your videos
J'ai une question, si on veut faire commme pour ici : 9:25 . J'ai envie que quand un onglet est affiché par exemple support bah je veux qu'il soit rouge etc etc
Merci d'avance !
Pour faire ça il suffit d'un petit script en JS qui ajoute la class "Active" au bon onglet quand la section en question est dans le viewport, tu pourras trouver tout ce qu'il te faut sur internet avec cette recherche : "Howto: add class when section is in viewport"
Bonjour, super tuto..
Puis-je avoir le code CSS & HTML ?
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.
rajoute des ";" après les variables dans le script
thank you man although i didnt understand such a word you said haha. btw the code has worked so thank you
Thanks aha, how did you find my video if you don't speak French? RUclips recommendation ? Google ?😅
I really like how you did work on this responsive Navbar . Can you make such a great video in English too?
mercii
Carrément top.... merci
Limpide ! Merci
Language nahi samajh aayi but content pura dekh ke Sikh gaya
help, I'm definitely starting to get the hang of it. Just thought I'd share.
merci beaucoup
Très utile merci beaucoup pour le tuto ^^
Merci infiniment
Top, mesmo eu não entendendo o idioma, consegui acompanhar e fazer o menu com sucesso.
Top, even though I don't understand the language, I was able to follow and make the menu successfully.
Really amazing. Thanks
Trop génial
Est-il possible de faire une suite de ce tuto en monrant comment faire pour implementer du texte au dessous de cette navbar et sur l'image en background
Super!
Ca régale
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 !
it work on my pc thx bro vеry much
great tutorial man. I'm Nice tutorialgh af and I understood tNice tutorials so well I was just hype to get to making s
Thank you so much for this tutorial.
Nice tutorial-5 Bro!
Fantastic
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,...
Top merci
merciiiiiiiiiiiiiii
Bonjour et merci pour cette vidéo
Que faire lorsque le mobile menu fonctionne bien mais lorsqu'on essaie sur un télephonne ça n'apparaît plus ?
Heee frérot ca fait longtemps que t'avais publie une nouvelle vidéo
C'est vrai 🙏😅
@@LiveCodeofficiel mais t’attends quoi haha?
très bien expliqué mais la prochaine fois va moins vite, ça m’énerve de m’arrêter toutes les 5 secondes et j’pense pas être le seul, tu nous fais un tuto pas un speedrun
bien explique bravo a toi si tu peux faire une video ou tu crerai un portfolio responsive
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.
شكرا❤
👍Good job Bro
Salut, super vidéo ! J'ai tout compris 😁
Il ne serait pas mieux de mettre des % au lieu des px afin que ça puisse être réellement responsive entre tout les types d'écrans ?
Encore merci 😉✌️
Hello, c'est pas forcément nécessaire car on utilise concrètement les PX pour positionner le menu hamburger que sur format mobile donc pas réellement besoin de faire en sorte qu'il s'adapte pour des écrans plus grands
Bonjour, superbe vidéo, clair et simple ! Serait-il possible de faire une vidéo nav responsive mais avec un bouton recherche et un bouton connexion en plus? J'avous que je trouve ça super compliqué . Sinon c'est top !
Ce n'est pas très compliqué pour ajouter un bouton de connexion, il suffit de styliser une balise avec du CSS, par contre pour qu'il fonctionne réellement et que l'on puisse accéder à un espace dédié à son compte il faut se pencher sur le backend, ce que je ne fais pas. 👍
@@LiveCodeofficiel Oui je comprends pour le backend, ce n'est pas un problème. C'est juste que quand je veux ajouter un bouton recherche et connexion, j'utilise space around, et à ce moment le responsive se casse la figure 😂 parce que j'ai directement un logo avec une dimension précise je pense. Mais je vois plus où moins le truc. Merci encore
mio padre🔥🔥
Thank you !
Thanks