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 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.
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
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
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
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, 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,...
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 ?
slt t tropfort tu m'as beaucoup aider mais les nav-links lorsqu'elles s'affiche ça laisse un petit espace en haut comment remedier à cela. et aussi merci.
Quand on ouvre la page pour la 1ere fois, on voit le navbar qui s'affiche et en suite qu'il prend la marge et qui se cache ! Une solution pour qu'il n'apparaît pas au début ?
Bonjour, j'ai un petit problème de mon coté, lorsque je clique sur mon bouton, j'ai bien navlink qui s'affiche dans le meni developpeur, cependant, le volet ne disparait pas, meme un installant des marges, pourriez-vous m'aider s'il vous plaît ?
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 mec je suis perdu pour cacher la navbar, quand tu as mis @media screen and (max-width: 900px) et bien mon "and" n'a pas de fonction c'est comme ci je tapais le texte dans le vide.
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.
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?
Bonjour ! Grâce à tes vidéos j'ai décidé de me réorienter dans le développement web (front end pour commencer) et pour cela je dois faire remplir un questionnaire pour connaître un peu plus le métier, j'aurais aimé savoir s'il était possible pour toi de le remplir ? Si tu n'as pas le temps c'est pas grave en tout cas merci pour tes vidéos et continue comme ça c'est top !
Hello, si si je te confirme qu'elle est bien prise en charge par les dernières versions des navigateurs les plus communs 🙂 : caniuse.com/?search=backdrop
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 😅
Merci j'en avais grave besoin peux-tu me dire comment l'on fait pour avoir une transition du haut vers le bas et du bas vers le haut pour la navbar s'il te plaît 🙏
Bonjour Merci pour cette maginfique tuto mais moi j'ai rencontré un souci: je n'arrive pas à voir le bouton "Menu hamburger" il refuse de s'afficher pourtant j'ai réecris le code à l'identique. Pouvez vous m'aider svp
Salut, merci pour cette vidéo... J'ai bien réussi à reproduire la Navbar... Serait-il possible de donner un cours sur le responsive concernant les images superposés ? Car parfois, je dois superposer des images, et il est assez difficile de les rendre responsive.
Est ce que quelqu'un peut m'expliquer pourquoi je rencontre toujours des probleme or que j'ai suivi le tuto sans louper quelque chose par exemple au niveau du navbar le mien reste aligné verticalement apres avoir suivi ce qu'il a fait (ou peux etre que Satan travaille dans mon PC )
bonjour très bonne videos au passage j'ais une question très pertinante à poser et je vais prendre un exemple pour illustré mon problème par exemple je suis vendeur et je souhaite creer mon propre site de vente en ligne et de pouvoir publier mes produits sans avoir a retoucher mes ligne de code . Si cela est possible est-que vous acccepterez de faire un cours sur ça.Merçi(avec html css et php ou js)
bonjour! je suis le tuto qui est top mais je ne comprend pas pourquoi a gauche il sort de l'écran sans me faire de scroll bar mais qu a droite j ai une scroll sur l axe X et Y et la propriété background image fonctionne avec live server mais sur git pages impossible de voir l'image :(
Salut ! déjà super vidéo qui m'aide beaucoup mais j'ai un problème avec le menu hamburger qui ne veut pas disparaitre ni réapparaître quand je change de taille d'écrans, des conseils ? merci !!!
@@LiveCodeofficiel normalement c'est bien fait, tout marche mais le truc c'est que quand on est sur la page principal on peut scroll a droite. C'est pas un problème avec le fait de cacher le scroll mais c'est un problème avec le fait de cacher la possibilité de scroller.
Salut salut, ce que j'ai du mal à comprendre c'est pourquoi le faite de réapliquer le display: flex à .navbar .nav-links ul les aligne alors que quand on l'a appliqué dirrectement à .navbar ça les a juste décalé a droite, je sais pas si ma question est claire... 7:54
C'est très simple, quand j'ai appliqué mon display: Flex; à la .navbar, j'ai aligné ma balise et ma balise , cependant, les menus se situent dans des balises qui sont elles-mêmes dans une balise . Le display: Flex; n'affectant pas les enfants des enfants, j'ai dû à nouveau remettre un display: Flex; sur la balise pour à ce tour aligner ses enfants ().
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 !
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 le premier tuto sur des navbar responsives que je trouve simple, pratique et fonctionnel ! merci beaucoup !
🙏🙏
Franchement je viens de tomber sur ton profil je trouve que ta vidéo explicative est vraiment intéressante, merci beaucoup.👍
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
Merci, c'est très concis et bien expliqué.
merci infiniment car grâce a tes vidéos j'ai compris le responsive en HTML-CSS.
merci pour la vidéo grâce à toi j'ai compris comment fonctionne le responsive !
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
Excellente chaîne pour apprendre et se perfectionner au code ! 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
Thank you, i dont understand nothing about french but i got all the message! Hi from Venezuela buddy!
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 ?
Ça faisait longtemps, content de te revoir 🙂
👋
très bonne vidéo avec très gros glow up niveau montage, motion design !
Merci ! 🙂
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
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
Ravi de te revoir mec et merci pour le tuto
😀
Merci beaucoup pour tes explications claires et précises ^^
T'as réussi à reproduire le code ?
@@carabistouille_ Perso Yes
Bonjour, super tuto..
Puis-je avoir le code CSS & HTML ?
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
My Boss is de retour 😁
😅
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.
best video on youtube so far !!!
+ de vidéo comme ça !
merci pour cette formation tres instructif😀🙌
please comment ouvrir le fichier de programme!
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,...
Le retour de Live Code !!
Ça faisait un petit moment en effet 😌
@@LiveCodeofficielet on attend ton retour aujourd’hui !!
Merci tu me sauves la vie mon gars , je n'arrivais pas a faire se truc trop con :)
Un des seuls tuto qui ai marcher pour moi. Merci beaucoup !
Merci beaucoup. Je m’abonne direct !
I dont understand france but i like you video! Good luck! cute tutorial
😀
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 !
salut, je suis entrain de vouloir mettre le menu bouton mais ca refuse, je sais pas pourquoi alors que j'ai appliquer tout les details!
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 ?
slt t tropfort tu m'as beaucoup aider mais les nav-links lorsqu'elles s'affiche ça laisse un petit espace en haut comment remedier à cela. et aussi merci.
Quand on ouvre la page pour la 1ere fois, on voit le navbar qui s'affiche et en suite qu'il prend la marge et qui se cache !
Une solution pour qu'il n'apparaît pas au début ?
Je n'ai personnellement pas ce problème, ça se produit au chargement de la page ?
@@LiveCodeofficiel exactement
@@achrafsakout1685 Tu es sur safari ?
@@LiveCodeofficiel google chrome
Bonjour, j'ai un petit problème de mon coté, lorsque je clique sur mon bouton, j'ai bien navlink qui s'affiche dans le meni developpeur, cependant, le volet ne disparait pas, meme un installant des marges, pourriez-vous m'aider s'il vous plaît ?
worked for . On default it was at Agressive TE for but I clicked to the right
Ouais l'boss 👊🔥
😂
très bien expliquer ca m'a beaucoup aidée 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 :)
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);
Heee frérot ca fait longtemps que t'avais publie une nouvelle vidéo
C'est vrai 🙏😅
@@LiveCodeofficiel mais t’attends quoi haha?
Salut mec je suis perdu pour cacher la navbar,
quand tu as mis @media screen and (max-width: 900px) et bien mon "and" n'a pas de fonction c'est comme ci je tapais le texte dans le vide.
Excuse , is there a reason I don't have Pack on my soft soft?
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.
Ce tutoriel m'a vraiment aidé sauf j'avais une petite question, il existe un moyen de changer le style d'affichage de la Navbar Resonsive?
le menu deroulant marche pour moi mais ne se referme plus, meme quand j'appuie sur le menu burger...help pleaase!!
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?
Bonjour ! Grâce à tes vidéos j'ai décidé de me réorienter dans le développement web (front end pour commencer) et pour cela je dois faire remplir un questionnaire pour connaître un peu plus le métier, j'aurais aimé savoir s'il était possible pour toi de le remplir ?
Si tu n'as pas le temps c'est pas grave en tout cas merci pour tes vidéos et continue comme ça c'est top !
bonjour cest normal que le backgroud-filter marche que sur fire-fox ???? jai besoin dune solution svp
Merci BG !!!
very talented teacher - cheers
Quelle est le script utiliser après la balise fermante body
Bonjour, la propriété backdrop-filter n'est plus prise en charge par la plupart des navigateurs depuis 2021... des alternatives? :)
Hello, si si je te confirme qu'elle est bien prise en charge par les dernières versions des navigateurs les plus communs 🙂 : caniuse.com/?search=backdrop
@@LiveCodeofficiel Merci pour ton retour !
HI sir, js part is not working in mycode, while i click menu bar.
wow ! vraiment beau tuto !
C est quoi ton logiciel de développement si visuel studio code quel extension
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 😅
Merci j'en avais grave besoin peux-tu me dire comment l'on fait pour avoir une transition du haut vers le bas et du bas vers le haut pour la navbar s'il te plaît 🙏
Utilise margin-bottom au lieu du margin-left et c'est tt
J'ai une question: Pourquoi le bouton menu-hamburger n'est pas placé dans le tag ou dans navbar?
great tutorial man. I'm Nice tutorialgh af and I understood tNice tutorials so well I was just hype to get to making s
Bonjours quand je met la photo menu bouton elle ne se charge ... ? quelqu'un pour me débloquer svp
Super vidéo, elle m'a bien aidée merci chef
Salut chef , le backdrop filter le marche pas chez moi 😭
Bonjour Merci pour cette maginfique tuto mais moi j'ai rencontré un souci: je n'arrive pas à voir le bouton "Menu hamburger" il refuse de s'afficher pourtant j'ai réecris le code à l'identique. Pouvez vous m'aider svp
Le position absolute de la nav barre ne la fait pas passer par dessus le background pour moi, que faire ? Merci
Utilise un z-index supérieur pour la navbar dans ce cas là
qui est meilleur dans le html sublime text ou vsc ?
Salut, merci pour cette vidéo... J'ai bien réussi à reproduire la Navbar... Serait-il possible de donner un cours sur le responsive concernant les images superposés ? Car parfois, je dois superposer des images, et il est assez difficile de les rendre responsive.
Tu dois pouvoir régler ce problème dans CSS grâce au @layer, il y a un paquet de tuto pour s'en servir
@@frostjhon5905 Merci
Le background-image : url() c'est pas claire ??
Quand je clique sur le "menu" la page destiné aux téléphones ne s'affiche pas, quelqu'un pourrait m'aider ?
Bonjour, comment fais tu pour avoir le live server qui te permet de voir en temps réel l'évolution de ton site internet stp. Merci par avance
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 😉
Language nahi samajh aayi but content pura dekh ke Sikh gaya
cuando hago el click en el boton menu se queda sin necesitar el transition all, deberia parpear, Thanks for the video 😇
Bonjour,
quand je met le backgound-image au début pour la photo de fond dans le css ça n'affiche rien
que faire ?
Il ne faudrais pas utiliser un z-index pour que le logo ce vois aussi au format mobile ?
Oui c'est possible également 🙂
Est ce que quelqu'un peut m'expliquer pourquoi je rencontre toujours des probleme or que j'ai suivi le tuto sans louper quelque chose par exemple au niveau du navbar le mien reste aligné verticalement apres avoir suivi ce qu'il a fait (ou peux etre que Satan travaille dans mon PC )
Ce que je voudrais savoir c'est quelle est cette application qui te permet de mesurer la page ou du moins est-ce que c'est une extension
C'est l'application greenshot qui permet de faire des captures d'écrans
Merci,respect!
Merci beaucoup mais j’ai un petit soucis à propos du js, il y a ecris classList is null t’aurais une solution ?
Surement un problème dans la syntaxe, revérifie bien le code 🙂
Merci beaucoup, super tuto
slt nikel merci mais stp je n'arrive pas a avoir ton fond stp tu peut m'aider
Salut ! est ce que tu pourrais me donner le titre de ta musique d’outro stp ? merci !
bonjour très bonne videos au passage j'ais une question très pertinante à poser et je vais prendre un exemple pour illustré mon problème par exemple je suis vendeur et je souhaite creer mon propre site de vente en ligne et de pouvoir publier mes produits sans avoir a retoucher mes ligne de code . Si cela est possible est-que vous acccepterez de faire un cours sur ça.Merçi(avec html css et php ou js)
bonjour quel est votre logiciel de codage ?
Visual Studio Code
Bonjour merci pour cette formation mais j'ai un petit problème pour afficher
c'est normal lui il a une image enregistré dans son pc, il faut que tu enregistres une image également mais qui aura surement un autre nom
bonjour! je suis le tuto qui est top mais je ne comprend pas pourquoi a gauche il sort de l'écran sans me faire de scroll bar mais qu a droite j ai une scroll sur l axe X et Y et la propriété background image fonctionne avec live server mais sur git pages impossible de voir l'image :(
Oublie pas le : -webkit-backdrop-filter: blur(7px); pour safari
Salut ! déjà super vidéo qui m'aide beaucoup mais j'ai un problème avec le menu hamburger qui ne veut pas disparaitre ni réapparaître quand je change de taille d'écrans, des conseils ? merci !!!
Salut tres bonne video mais comment empecher de scroll en horizontal pour cacher la page hamburger?
Si c'est bien fait, il n'est pas censé y avoir une scrollbar horizontale. Sinon tu peux toujours la cacher avec un overflow-x: hidden;
@@LiveCodeofficiel normalement c'est bien fait, tout marche mais le truc c'est que quand on est sur la page principal on peut scroll a droite. C'est pas un problème avec le fait de cacher le scroll mais c'est un problème avec le fait de cacher la possibilité de scroller.
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"😅
j'ai besoin d'aide svp mon menu ne veut pas bouger
Thank you so much for this tutorial.
Salut salut, ce que j'ai du mal à comprendre c'est pourquoi le faite de réapliquer le display: flex à .navbar .nav-links ul les aligne alors que quand on l'a appliqué dirrectement à .navbar ça les a juste décalé a droite, je sais pas si ma question est claire... 7:54
C'est très simple, quand j'ai appliqué mon display: Flex; à la .navbar, j'ai aligné ma balise et ma balise , cependant, les menus se situent dans des balises qui sont elles-mêmes dans une balise . Le display: Flex; n'affectant pas les enfants des enfants, j'ai dû à nouveau remettre un display: Flex; sur la balise pour à ce tour aligner ses enfants ().