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"
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 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.
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 LiveCode Merci pour tout , très bien expliqué mais mon image ne veut pas se mettre en sous les boutons de la navbar , elle se met plus bas sur la page meme apres vérifications du code
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.
merci bcp pour la vidéo j'avais besoin de savoir comment mettre le background color en transparent et la je comprends mieux merci bcccpppp. Est t-il possible de mettre des vidéos avec Bootstrap svp?
Salut Livecode, dis moi, tes ressources que tu partages, il y a juste le JS et 2 imgsdans le rar... mais ou est donc passer le code ? xD tu peux les mettre à dispo stp ? Merci
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
Merci beaucoup ❤ pour la vidéo. J'ai envie de faire une navbar responsive comme ça, mais que l'on clique sur une classe de la NB que sa affiche des photos. Peux-tu m'aider 😅
Excellent tutoriel. Sur cette meme base, ca serait possible d'expliquer comment faire un menu déroulant ? Quand je passe sur le support par exemple, que des sous parties s'affiche. Merci :)
Tu peux oui mais ça ne changera presque rien car la taille de ta navbar au final restera toujours la même en hauteur. Par contre c'est mieux un vertical align si jamais tu comptes redimensionner ta navbar au scroll pour qu'elle prenne moins de place oui
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,...
Bonjour, quel logiciel tu utilises à 7:59 pour prendre les mesures ? Est-ce qu'il est payant ? Si oui, en existe t-il des gratuits ? J'en voit que des payants :/ Merci d'avance !
Tuto au top ! J'ai commencé à coder il y à vraiment pas longtemps, Je suis toute tes étapes mais va savoir pourquoi le Blur ne s'applique pas du tout... Si jamais tu as une idée du pourquoi ? (J'ai tout mis exactement comme toi et au même endroit)
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
salut a toi le codeur ca va faire déja plus de 2 ans et demi que je suis tes tutos qui sont très instructif mais je ne suis toujours pas abonné parceque je voudrais que tu me reponde ,comment a tu apris toutes ces propriétés , ces balises et autres ,dans une école ?
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 ?
J'ai adoré, merci, je vais m'en servir pour ma première soutenance dans notre projet à trois. Encore 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.
Franchement je viens de tomber sur ton profil je trouve que ta vidéo explicative est vraiment intéressante, merci beaucoup.👍
Un tuto au top ! Quand on a quelques bonnes bases, on comprend relativement rapidement comment tout s'imbrique. 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 .
Merci tu me sauves la vie mon gars , je n'arrivais pas a faire se truc trop con :)
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 !
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 !
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
merci infiniment car grâce a tes vidéos j'ai compris le responsive en HTML-CSS.
vraiment cool tes videos , je suis étudiant en premiere année . tes explications sont claires ....MERCI !!!
😀
😊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 !!!
Excellente chaîne pour apprendre et se perfectionner au code ! Merci !
+ de vidéo comme ça !
You have been a great help. Hello from Azerbaijan.
Ça faisait longtemps, content de te revoir 🙂
👋
très bonne vidéo avec très gros glow up niveau montage, motion design !
Merci ! 🙂
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
Le retour de Live Code !!
Ça faisait un petit moment en effet 😌
@@LiveCodeofficielet on attend ton retour aujourd’hui !!
Merci beaucoup. Je m’abonne direct !
merci pour cette video une fois de plus simple a comprendre et a reproduire pour des projets
😉
Thank you, i dont understand nothing about french but i got all the message! Hi from Venezuela buddy!
un tuto simple et efficace comme ont les aime merci
Ravi de te revoir mec et merci pour le tuto
😀
Bonjour et merci beaucoups j'ai réussi à le faire grâce à votre tuto .
Merci beaucoup pour tes explications claires et précises ^^
T'as réussi à reproduire le code ?
@@carabistouille_ Perso Yes
gg legend je te jure c'est colle
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
My Boss is de retour 😁
😅
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
wow ! vraiment beau tuto !
Ouais l'boss 👊🔥
😂
merci pour cette formation tres instructif😀🙌
très bien expliquer ca m'a beaucoup aidée merci !!
parfait merci beaucoup bien expliqué et très claire
Merci,respect!
Merci beaucoup bonne explication❤
very talented teacher - cheers
Super vidéo, elle m'a bien aidée merci chef
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 beaucoup j'ai tellement appris sur cette videos si tu peux en faire sur les flexbox ça va vraiment m'aider merci !
Un tuto bien expliqué
Merci BG !!!
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
Bonjour, super tuto..
Puis-je avoir le code CSS & HTML ?
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);
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
Magnifique tutoriels
Video incroyable!! Pourrais tu faire plus de tuto?
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 !
Un tuto superbe ! Merci mec
superbe video merci bcp
I dont understand france but i like you video! Good luck! cute tutorial
😀
Merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii, bien soigneee
Merci beaucoup, super tuto
very helpful and simple man.. i tNice tutorialnk i'm gonna see all your videos
Everything works perfectly
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 ?
Merci !
Salut LiveCode Merci pour tout , très bien expliqué mais mon image ne veut pas se mettre en sous les boutons de la navbar , elle se met plus bas sur la page meme apres vérifications du code
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.
merci bcp pour la vidéo j'avais besoin de savoir comment mettre le background color en transparent et la je comprends mieux merci bcccpppp. Est t-il possible de mettre des vidéos avec Bootstrap svp?
Salut Livecode, dis moi, tes ressources que tu partages, il y a juste le JS et 2 imgsdans le rar... mais ou est donc passer le code ? xD tu peux les mettre à dispo stp ?
Merci
Meilleur tuto ever. Merci pour cette magnifique vidéo
Trop cool 👍
please comment ouvrir le fichier de programme!
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
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? TH-cam recommendation ? Google ?😅
Carrément top.... merci
mercii
Nice tutorial-5 Bro!
👍Good job Bro
Merci beaucoup ❤ pour la vidéo.
J'ai envie de faire une navbar responsive comme ça, mais que l'on clique sur une classe de la NB que sa affiche des photos. Peux-tu m'aider 😅
Limpide ! Merci
Excellent tutoriel. Sur cette meme base, ca serait possible d'expliquer comment faire un menu déroulant ? Quand je passe sur le support par exemple, que des sous parties s'affiche. Merci :)
salut ! je n'arrive pas à inclure "@media screen and (max-width: 900px) { }" dans mon fichier .css ( il me le marque comme erreur). merci d'avance !
Really amazing. Thanks
it work on my pc thx bro vеry much
merci beaucoup
Excellente vidéo. A la fin le centrage de Adventure il y a pas moyen de faire mieux que avec un top:40px peut-être avec un vertical align middle ?
Tu peux oui mais ça ne changera presque rien car la taille de ta navbar au final restera toujours la même en hauteur. Par contre c'est mieux un vertical align si jamais tu comptes redimensionner ta navbar au scroll pour qu'elle prenne moins de place oui
C est quoi ton logiciel de développement si visuel studio code quel extension
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,...
Thank you so much for this tutorial.
Bonjour, quel logiciel tu utilises à 7:59 pour prendre les mesures ? Est-ce qu'il est payant ? Si oui, en existe t-il des gratuits ? J'en voit que des payants :/
Merci d'avance !
C'est un sélecteur de pixels
Tu en as des gratuits
Heee frérot ca fait longtemps que t'avais publie une nouvelle vidéo
C'est vrai 🙏😅
@@LiveCodeofficiel mais t’attends quoi haha?
I really like how you did work on this responsive Navbar . Can you make such a great video in English too?
Tuto au top !
J'ai commencé à coder il y à vraiment pas longtemps,
Je suis toute tes étapes mais va savoir pourquoi le Blur ne s'applique pas du tout...
Si jamais tu as une idée du pourquoi ? (J'ai tout mis exactement comme toi et au même endroit)
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
Très bonne vidéo!
Quel est ta playlist des musiques de fond ?
Très bonne question, à chaque fois je prends des musiques libres de droits un peu aléatoirement sur des sites avec comme thème "Lofi / Chill Beat"😅
salut a toi le codeur ca va faire déja plus de 2 ans et demi que je suis tes tutos qui sont très instructif mais je ne suis toujours pas abonné parceque je voudrais que tu me reponde ,comment a tu apris toutes ces propriétés , ces balises et autres ,dans une école ?
Trop génial
Super tuto merci beaucoup ! j'ai une question, comment est ce qu'en cliquant sur support par exemple je peut acceder a une autre page svp ?
Il faut utiliser les balises 😉