Como fazer uma Navbar com HTML5 e CSS3 | GabiCode

Поделиться
HTML-код
  • Опубликовано: 23 янв 2025

Комментарии • 72

  • @umagarotanadaqualquer
    @umagarotanadaqualquer 8 месяцев назад +1

    queria te agradecer,estou fazendo o projeto integrador da minha faculdade,e tava batendo com o css!graças a você, eu consegui fazer!

  • @FelipeVenas-r7g
    @FelipeVenas-r7g Год назад +2

    Estava com dúvidas faz 1 semana em relação a como fazer uma navbar, esse vídeo me salvou grandemente! Vídeo excelente :)

  • @geografomurilogoes
    @geografomurilogoes 4 месяца назад

    Parabéns Gabi, pelo vídeo! Ajudou muito no planejamento do meu futuro site
    ! Sucesso em sua vida!

  • @Leonard_mateus
    @Leonard_mateus Год назад +1

    égua, tu arrazou tava ficando louco com o nav bar sobre a tag box-sizing, me salvaste, mais um inscrito!

  • @luisjunior5824
    @luisjunior5824 Год назад +2

    Valeu, gabi, refiz umas 2 vezes por dia por uma semana e hj já tô conseguindo fazer essa navbar sem olhar o vídeo

    • @anaflavia-yg2pi
      @anaflavia-yg2pi Год назад

      oii luis, fazendo dessa forma vc acha que aprende com maior facilidade?

    • @luisjunior5824
      @luisjunior5824 Год назад

      @@anaflavia-yg2pi sim, tudo questão de prática, repetição... Você vai pegando o jeito ao ponto de refazer coisas sem nem precisar assistir os vídeos, mas tudo leva tempo

    • @anaflavia-yg2pi
      @anaflavia-yg2pi Год назад +1

      @@luisjunior5824 vou procurar testar dessa forma, quero vê se tenho um rendimento melhor obrigada pela dica luis 😁

  • @kemueltkd
    @kemueltkd 2 года назад

    Parabéns pelo vídeo, adorei, principalmente o click desse teclado, o som é bom demais ❤❤

  • @FlavioAlcantara10
    @FlavioAlcantara10 2 года назад

    Obrigado Gabi, aula muito Boa e simples de entender.

  • @cstkrooz
    @cstkrooz Год назад

    tava com uma certa dificuldade pra montar uma navbar top ! obrigado !

  • @adeiltonsilva1800
    @adeiltonsilva1800 Год назад

    ótimo vídeo, boas explicações

  • @rafaelcardoso1363
    @rafaelcardoso1363 2 года назад

    Caraca, que facilidade !!!! Parabéns !

  • @MrFelipefsf
    @MrFelipefsf 2 года назад

    Ae gabs, ótimo vídeo, uma navbar bem clean como deve ser 🤩

  • @pinguimsanchez301
    @pinguimsanchez301 10 месяцев назад

    Estou só com dificuldade de como colocar icons

  • @jeferson6575
    @jeferson6575 2 года назад

    otimo video , aprendo muito com voçê vou codando junto e assistindo o video ! obrigado pelo video voçê ajudar muito

  • @danielpelless
    @danielpelless Год назад

    Oi gabi, adorei a aula.
    so uma dúvida
    o a maioria coloca dentro do não tem problema ficar de fora?

    • @GabiCode_
      @GabiCode_  Год назад

      Depende do que pretende fazer, às vezes separamos por nav e main

  • @Arthur-xv3ck
    @Arthur-xv3ck Год назад

    valeu demais aí! doideira demais!

  • @rhaianalvarado2821
    @rhaianalvarado2821 2 года назад

    Ganhou mais um inscrito sabe explicar bem

  • @sr.belihovelli
    @sr.belihovelli 2 года назад

    caranba gabi eu batendo cabeça aki pra fazer uma navBAR ai quando vou pesquisar primeiro video recomendado pelo yt vc fazendo navbar. q sorte kkkkk seus video sao otimos.😊😊😊😊😊😊😊😊😁😁

    • @GabiCode_
      @GabiCode_  2 года назад

      Que coincidência kkkkk, conseguiu fazer?

  • @almeida8464
    @almeida8464 Год назад

    pode me explicar por favor o "box-sizing: border-box"? eu nao entendi direito o que é

    • @GabiCode_
      @GabiCode_  Год назад

      O navegador calcula as dimensões de um elemento de forma diferente, ele coloca as dimensões da borda e do preenchimento dentro da largura e altura que você especifica para o elemento, ou sejaa, se você definir uma largura ou altura para um elemento com "box-sizing: border-box", o navegador vai garanntor que a largura e a altura incluam as dimensões da borda e do preenchimento, e o conteúdo interno ficará confinado dentro desse espaço, e não vai ter um espaço além do necessário, entendeu?

  • @JustCamila_
    @JustCamila_ 8 месяцев назад

    no minuto 2:20 oq é aquele * que ela faz?

    • @GabiCode_
      @GabiCode_  8 месяцев назад +1

      Usando o * você consegue alterar todos os elementos da página no css

  • @guiboofvm
    @guiboofvm 2 года назад

    como coloca esse efeito a escrever que é mais fluido?

    • @GabiCode_
      @GabiCode_  2 года назад

      Nao entendi sua pergunta ;(

  • @cortesstudios9558
    @cortesstudios9558 Год назад

    como faço para deixar o meu vscode escrevendo assim tambem?

  • @cadeirantephb1722
    @cadeirantephb1722 2 года назад +1

    parabéns gabi dar continuidade à essa página!
    uma dúvida para onde levaria se clicar em login ou cadastre-se?

    • @GabiCode_
      @GabiCode_  2 года назад

      Para uma página de login, tem um vídeo no meu canal montando um

  • @carlosinsider726
    @carlosinsider726 Год назад

    Meu font-weight não funciona completamente, só fica um pouco mais negrito a fonte :( o máximo fica bem fraco

    • @GabiCode_
      @GabiCode_  Год назад

      Deve ser porque não importou a fonte certa

  • @MATHEUSVENICIUSCAZÉDEOLIVEIRA

    qual tema do vs vc usaaa?

  • @start257
    @start257 11 месяцев назад

    nao conseguir entrar no seu servidor do discord

    • @GabiCode_
      @GabiCode_  11 месяцев назад

      discord.gg/Yw3n6729Yk

    • @start257
      @start257 11 месяцев назад

      continua dando convite invalido@@GabiCode_

  • @pdzin00
    @pdzin00 2 года назад

    nunca mais esqueço de como fazer uma navbar agora

  • @DaviSantos-wm5fe
    @DaviSantos-wm5fe Год назад

    Caramba me ensina esses atalhos aí, muito prático.

  • @Gui-_-Arauj096
    @Gui-_-Arauj096 8 месяцев назад

    O que vc estuda? Ou é formada em que?

  • @HGSONG_S
    @HGSONG_S Год назад +1

    Faz vídeo de como criar botões solid com Links
    Abraço Gabi 🥰

  • @iigorfalccao6414
    @iigorfalccao6414 2 года назад +1

    Seu vídeo é muito bom mais a música de fundo me fez dormir 😴kkk

  • @kaal7793
    @kaal7793 2 года назад +1

    Faz vídeos fazendo projetos inteiros :)

  • @pessegodancante7130
    @pessegodancante7130 Год назад

    como deixo meu vscode igual o seu? todo fluido? bonitinho]

    • @GabiCode_
      @GabiCode_  Год назад

      Eu uso um tema chamado Vibrancy :D

    • @yamiplays2806
      @yamiplays2806 Год назад

      @@GabiCode_ acho que o diferencial que ele pode estar falando é que você parece estar codando com o VS CODE em 144hz por causa da fluidez.

  • @fbzreact
    @fbzreact Год назад

    sua digitação tá fluida. ME AJUDA como tu fez isso?

    • @GabiCode_
      @GabiCode_  Год назад

      Ajudo mas não entendi sua pergunta rsrs

  • @K4Z1NH0
    @K4Z1NH0 2 года назад

    Gabi você me viciou na poppins

  • @pedroaraujo9632
    @pedroaraujo9632 2 года назад +1

    Muito bom, você fez algum curso gratuito ? Se sim, qual ?

    • @GabiCode_
      @GabiCode_  2 года назад

      Faço no curso em vídeo

  • @leonardxxt4245
    @leonardxxt4245 2 года назад

    Nice

  • @vik237
    @vik237 Год назад

    Faz esse navbar funcional, clickar nele e ir para determinada parte do site

    • @GabiCode_
      @GabiCode_  Год назад

      É só usar a TAG com um href da página que quer que ele vá

    • @vik237
      @vik237 Год назад

      @@GabiCode_ obrigado por responder, sim pra ele ir é só colocar um id no elemento e depois ancorar, o problema é que o nav cobre o topo do elemento. Depois de muita procura achei scroll-padding-top:

  • @edbat-e6n
    @edbat-e6n Год назад

    volta

  • @fbzreact
    @fbzreact Год назад

    garotah , me ensina isso pelo amor de Deus

  • @thiagonovaes7476
    @thiagonovaes7476 2 года назад

    Primeiro Like Primeiro Comentário

  • @eutago
    @eutago 2 года назад

    first