Navbar Responsivo com Menu Dropdown (HTML5/CSS3)

Поділитися
Вставка
  • Опубліковано 4 лис 2024

КОМЕНТАРІ • 102

  • @FelipeCristianSilvadeSanta-y2q

    Cara, muito obrigado. Seu vídeo foi bem explicativo, e funcionou perfeitamente para o que eu precisava. Gratidão!

  • @tavernavelhodruida
    @tavernavelhodruida 3 роки тому +1

    Valeu bro, era exatamente esse modelo que eu tava procurando, já dei uma star lá no projeto, tudo nosso!!

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

    Você ensina muito bem. Queria que continuasse com os vídeos. Obrigado pelo video.

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

    a todo momento eu pensando que "se vai clicar vai rolar JS" e no final entendi o porquê do input type check..Nunca tinha visto assim e adorei!

  • @art.matias3
    @art.matias3 2 роки тому

    cara vc é um deus, o unico que soube ensinar a fazer menu hambúrguer somente com html e css s2

  • @independente.mentes
    @independente.mentes 2 роки тому

    fodaaaa meu padrinnn voce é fera valeu te amo

  • @thiagomaciel7056
    @thiagomaciel7056 3 роки тому +1

    Muito bom amigo, cara estava meio enferrujado mais graças ao seu video comecei a lembrar de várias coisas no mundo do desenvolvimento web. Voltando aos poucos mais vamos lá. Seu video ficou top, bem explicativo!!

  • @rodrigoribeiro7745
    @rodrigoribeiro7745 3 роки тому

    opa tudo bom nmr vlw pelo video ficou mt top.
    e obrigado por compartilhar seu conhecimento.
    Se poder fazer mais vídeos assim seria muito massa gostei dms.

  • @vaibotarfogo
    @vaibotarfogo 3 роки тому +4

    muito bom,incrível,não sabia se poderíamos fazer Navbar responsivo assim,parabéns professor,precisamos mais conteúdo assim,obrigado pelo trabalho! já estou seguindo teu canal.

  • @thiagoseixas4697
    @thiagoseixas4697 3 роки тому

    Vídeo muito bom, no aguardo do próximo!

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

    muito obrigado, estava quebrado a cabeça pra fazer, seu video salvou

  • @railtonoliveira3632
    @railtonoliveira3632 3 роки тому

    Muito bom, ansioso pelos próximos vídeos

  • @portaldosgames8697
    @portaldosgames8697 3 роки тому

    pô mano vlw, não tava conseguindo fazer isso com o javascript mas agora tu me ajudou pakas, vlw aw

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

    Parabéns pelo conteúdo, bem completo, objetivo e simples de entender. Abç.

  • @gefranviana4742
    @gefranviana4742 4 роки тому +1

    *Usei bootstrap fica legal mais tem bug, pesquisei a tarde toda e o melhor video foi esse. Top de linha meu amigo valeu mesmo, vou salvar até nos favoritos. e + 1 inscrito*

    • @devreis8516
      @devreis8516  4 роки тому

      Fico feliz pelo comentário Gefran, obrigado! :D

  • @The.Albuquerque
    @The.Albuquerque Рік тому

    Ficou Excelente

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

    Obrigado por essa aula maravilhosa! Me ajudou muito. 😻🙌🏼

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

    Muito bom cara... Mais um escrito! Momento do vídeo: 16:50

  • @automacao4.0
    @automacao4.0 2 роки тому

    Muito Bom! show de bola!!

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

    Vídeo Incrível Mano! Obrigado e Parabéns!

  • @omatheusfc
    @omatheusfc 3 роки тому

    Me ajudou muito no meu projeto, fiz umas alterações mas ficou foda. Parabéns!! LIKE

  • @brenojbs7871
    @brenojbs7871 3 роки тому

    Mandou bem no video mano. Continua gravando que ficou muito bom.

  • @cedricarnaud7568
    @cedricarnaud7568 3 роки тому +1

    Show faz mais vidéo seu método é simples sem enrolação

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

    Só fiquei com um probleminha, no caso eu uso SOBRE com #sobre para pular pro meio da página na seção sobre o menu fica aberto e não deixa ler essa seção, sabe como posso resolver?
    Parabéns pelo trabalho, se puder me ajudar agradeceria muito.

  • @robersonoliveira4424
    @robersonoliveira4424 3 роки тому

    o meu projeto está muito bom msm kkk ótimo esse tutorial parabéns de vdd Nota 10+++++

  • @dandajoga4711
    @dandajoga4711 3 роки тому

    Show cara.

  • @bygabyguida
    @bygabyguida 4 роки тому

    Parabéns pela iniciativa, foi de grande ajuda! ;)

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

    Show de bola! Muito bom mesmo!

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

    Muito bom.

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

    Ótima aula, direto ao ponto.

  • @pedromartins5512
    @pedromartins5512 3 роки тому

    Top Aula. Show

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

    Velho vlw demais não ter que usar javascript pra fazer isso muito obrigado por esse método

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

    Muito bom, obrigado mesmo +1 inscrito

  • @ImLauwanda
    @ImLauwanda 3 роки тому

    muito bom!! Por favor faça mais vídeos como esse!!

  • @alinieeeee
    @alinieeeee 3 роки тому

    so consegui com sua aula. obrigada!

  • @LucasMatheus-ix7ns
    @LucasMatheus-ix7ns 3 роки тому +2

    Muito obrigado, me ajudou bastante!!

  • @devwesley3935
    @devwesley3935 3 роки тому

    Muito bom, ficou legal a explicação

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

    Otimo conteudo, aprendi bastante. Como faço para adicionar no meu logo a imagem do logo ?

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

      no lugar de colocar o texto, coloca uma tag e o caminho da imagem da logo.

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

    o meu nao ta aparecendo o botão de menu responsivo quando coloco n opção para celular oque fasso?

  • @mateuscavalcanti4939
    @mateuscavalcanti4939 4 роки тому +1

    Muito bom, cara!! Obrigado

  • @Daniel48203
    @Daniel48203 3 роки тому

    muito bom! ate agora nao consigo fazer ele retrair.. nem os submenus.. mas um dia consigo

  • @robersonoliveira4424
    @robersonoliveira4424 3 роки тому

    Muito bom demais kkk deu certíssimo no meu projeto vlw msm obgd

  • @emersonoliver8572
    @emersonoliver8572 3 роки тому +1

    Fiz desse geito,mas na hora de usar ,o site atropela essa barra lateral de ul!

  • @Nydrix
    @Nydrix 3 роки тому +1

    Boa

  • @yurimaluf
    @yurimaluf 3 роки тому

    Muito bom!!!!

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

    Tem que revisar esse codigo, parece nao pegar em 2022

  • @sidneicarmo5691
    @sidneicarmo5691 3 роки тому

    Meus parabéns! Me ajudou demais!!!

  • @lidceeduardosalimsantanamo2314
    @lidceeduardosalimsantanamo2314 3 роки тому

    Ótimo vídeo, ajudou muito. Mas poderia ter explicado a importação do JS.

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

    Otimo tuto... gratidão...
    Pode me ajudar em uma questão...
    Ao adicionar link nos botões chamando um conteúdo, ao clicar no link, como fazer para desaparecer, igual quando aparece com 5s ? devo aplicar o mesmo método más ao contrário?

    • @devreis8516
      @devreis8516  3 роки тому

      Obrigado Oliver!
      Beleza, vamos lá! Você se refere ao efeito de transição no botão?

  • @rogerdepaula_
    @rogerdepaula_ 3 роки тому

    Muito obrigado!!
    Poste mais aulas

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

    Ola! o meu check não quer desaparecer, poderia ter alguma noção do que seja ???????

  • @mecetnoca
    @mecetnoca 3 роки тому

    Legal Mesmo, parabens!

  • @bandaPreHistorica
    @bandaPreHistorica 4 роки тому +1

    Legal! Faça mais vídeos!

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

    Ao inserir mais conteúdo e rolar a página, o menu (links) continua na tela e fica um espaço em branco, pois o nav com o hambúrguer fica fixo. Quais maneiras de resolver?

    • @devreis8516
      @devreis8516  3 роки тому +4

      Opa Luccas, tudo bem? Boa observação! Podemos solucionar adicionando na a propriedade css: "position: fixed". Com isso, vamos fazer com que o menu permaneça na tela mesmo dando o scroll. Veja se funciona ;D

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

    Cara parabéns pelo vídeo! Só queria uma ajuda, como faço para desaparecer com o menu quando eu clicar nos ícones âncoras da UL?

  • @Matheus-dn8zl
    @Matheus-dn8zl 3 роки тому

    Cara muito obrigado pelo video muito bom

  • @yuji7396
    @yuji7396 3 роки тому

    Grande vídeo!!!

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

    mnao vlw ajudou muito

  • @leo-ru4cq
    @leo-ru4cq 3 роки тому

    Bom dia, a pagina do meu navegador quando eu clico e arrasto ela não faz esse efeito de diminuir aos poucos igual ao seu navegador, não estou falando do código HTML5 e CSS3, é o navegador mesmo! Vc sabe resolver ?
    Estou usando o Google Chrome!!

  • @vuongqtvn
    @vuongqtvn 3 роки тому +1

    nice

  • @josexavier2772
    @josexavier2772 4 роки тому

    Ótimo tutorial nota 1000.

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

    seguir todos os passos mais o ícone do menu hamburguer não esta aparecendo

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

    não sabe como faz par recolher o menu ao clicar nos links não?? só fecha quando clica lá em cima??

  • @sacanagerodemerda
    @sacanagerodemerda 3 роки тому

    Uma duvida pq a propriedade de .logo interfere na posição do input no css ?

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

    Valeu!!!

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

    Qual a diferença se eu botar lable e h2 , com um h2 não da certo , poderia me explicar ?

  • @weslleydavid2799
    @weslleydavid2799 3 роки тому +1

    qualdo jogo o não aparece o icone sanduiche, como resolvo isso? abç

    • @devreis8516
      @devreis8516  3 роки тому +1

      Olá Weslley, somente para conferir, você adicionou a importação do Font Awesome no head? Ele é necessário para exibir o ícone.

  • @otavioferdinjunior6095
    @otavioferdinjunior6095 4 роки тому +1

    Como ir mudando os textos (a pág. inicial tem a palavra "conteúdo") conforme formos clicando nos botões?

    • @devreis8516
      @devreis8516  4 роки тому +4

      Legal a pergunta Otávio. Seria mudar o texto sem precisar mudar a página, é isso? Existem vários modos de se fazer isso, mas um bem simples é você utilizar várias div's com os conteúdos que você deseja, e simplesmente usar no css o atributo "display:none" e ativar essa mudança de propriedade com Javascript ao clicar nos botões. :D

  • @santiagopoffo5407
    @santiagopoffo5407 3 роки тому +1

    Ótimo vídeo! Só uma dúvida, após colocar links âncoras no menu, como faço pra que o menu volte pra lateral depois do usuário clicar em um dos itens?

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

      tambem quero saber.. algem me ajuda?

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

      @@ezequieldev9770 Eu consegui, fiz uma função em Javascript que sempre que alguém clica em um dos itens ele também clica no botão de fechar

  • @aquariusartecultura6952
    @aquariusartecultura6952 3 роки тому

    Amigo, estou com uma plataforma de caráter sócio cultural de inclusão digital com problema no nav menu responsivo. Não funciona em dispositivos moveis.
    Ajuda!!!

    • @pgmdr8308
      @pgmdr8308 3 роки тому

      Já conseguiu resolver?

  • @Namm3
    @Namm3 3 роки тому

    Qual transition você colocou?

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

    Como fechar o menu ao clicar em um dos links da nav?

  • @kalebesantos9480
    @kalebesantos9480 3 роки тому +1

    Agr como q eu faço pra quando eu clicar no menu e chamar outra página sem o menu desaparecer

    • @devreis8516
      @devreis8516  3 роки тому

      Oi Kalebe! Há vários modos de fazer isso, no front existem frameworks que nos auxiliam a componentizar, por exemplo: reaproveitando o menu pra reutilizar em várias páginas. Mas caso você esteja utilizando somente o HTML, você pode simplismente usar novamente o menu na outra página.

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

    no meu nao funciona o transition...

  • @anthonyramos1872
    @anthonyramos1872 3 роки тому

    Cara, eu tive um problema fazendo esse menu, que quando eu coloco uma quantidade de conteúdo que ultrapasse a altura, aparece a barra de rolamento, porém ao rolar a barra ou mesmo arrastar pra baixo no celular, ele mexe a parte de trás e não o menu que clicamos, sabe como posso resolver isso ?

  • @thiagos9052
    @thiagos9052 4 роки тому

    Vlw, cara, ajudou bastante, tem como substituir o texto "Minha Logo" por uma imagem com a logo ? Se sim, como posso fazer isso ?

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

      Poderia tentar colocar o

    • @devreis8516
      @devreis8516  4 роки тому +4

      Obrigado Thiago! Que bom que você gostou.
      Claro, tem sim, como o Ney comentou, você pode no adicionar a tag ou também, adicionar diretamente uma imagem pelo css, usando a propriedade "background-image". Espero ter ajudado! :D

  • @engesaosorio358
    @engesaosorio358 3 роки тому +1

    No caso o título deveria ser html5, CSS3 e JS ñ é amigo?

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

    kd o dropdown?

  • @heiderdideriksen9223
    @heiderdideriksen9223 3 роки тому +1

    "Menu Dropdown". Cara, onde tá o conceito dropdown?
    Aquele JS para o ícone (a076d05399.js) é lixo! Por quê não disponibilizou o FA em CSS?

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

      O meu também toda hora da erro, as vezes aparece, dai quando fecha e abre de novo o "dropdown" some =/

  • @GildasioWeb
    @GildasioWeb 3 роки тому

    Vídeo muito bom, mas não teve uma explicação dinâmica

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

    alem dessa merda n funcionar, ainda n fecha o menu quando clica no link