Como criar um MENU PERSONALIZADO com HTML e CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.ย. 2024
  • ✅ Conheça o treinamento Modo Front-end e crie projetos incríveis do absoluto zero: bit.ly/3KY8mpn
    ✅ Quer ter acesso a projetos exclusivos que vão agregar ainda mais na sua carreira? Torne-se membro do Inteliogia:
    bit.ly/program...
    Nesse vídeo eu vou te ensinar a criar um header personalizado (ou um menu personalizado se você preferir) utilizando apenas HTML e CSS puro. A partir deste vídeo você poderá fazer adaptações e personalizar os menus do seu site, mas se liga só: caso este vídeo tenha bastante like eu vou dar continuidade a esse projeto para deixarmos ele responsivo.
    👀 ME SEGUE LÁ:
    📸 Instagram: @brunorodris
    👉 Links:
    🔸 Font Awesome: bit.ly/3i3cwNy
    🔸 Google Fonts: bit.ly/3KDfOn3
    Caso você queira, acessa meu site: www.inteliogia...

ความคิดเห็น • 85

  • @josericardoadler8406
    @josericardoadler8406 ปีที่แล้ว +9

    Simplesmente incrível, a didática desse rapaz é excelente, arrisco em dizer que um curso dele ensinaria muito mais do que milhares por aí, ótimo conteúdo

    • @InteliogiaDev
      @InteliogiaDev  ปีที่แล้ว

      Muito obrigado Ricardo 😃 já tem um curso meu, tô arriscando pra ver se a didática é boa msm kkkkkkk mas sério muito obrigado mesmo

  • @jeffersongalvao3248
    @jeffersongalvao3248 2 ปีที่แล้ว +4

    Passei horas quebrando a cabeça tentando fazer um cabeçalho que não ficou legal, e você em 23mins fez um melhor e mais rápido.
    Parabéns ganhou mais um inscrito.

    • @InteliogiaDev
      @InteliogiaDev  2 ปีที่แล้ว +1

      Kkkkkkk a gente tá aqui pra isso meu mano! Seja bem vindo kkkkkk

  • @francisneimanenti
    @francisneimanenti ปีที่แล้ว +3

    Boa tarde meu irmão, sua aula foi muito bem explicada, e de fácil aprendizado. Me ajudou muito, obrigado!

  • @marcosflavio5753
    @marcosflavio5753 2 ปีที่แล้ว +3

    Ótimo vídeo pra quem está iniciando

  • @sousa9055
    @sousa9055 12 วันที่ผ่านมา

    Obrigado ai meu querido, consegui fazer do jeito que eu queria

  • @1davi
    @1davi 4 หลายเดือนก่อน

    ajudou mt , meu pc ta sem som mais da para ver o video de vc fazendo e eu fui entendendo a logica mais um pouco, obrigado demaaaisss ajudou muito.

  • @emersonturimcarvalho
    @emersonturimcarvalho ปีที่แล้ว +3

    Muito obrigado pela aula, sensacional, curtindo todos os vídeos. Parabéns, me ajudando demais!!

  • @carvalhoquibato2084
    @carvalhoquibato2084 18 วันที่ผ่านมา

    Parabéns, prof. Gostei da explicação do conteúdo. Bem simples e objetivo. Um ponto que achei interessante é que pronunciou os nome das tags e outros elementos como se pronuncia em inglês mesmo. Isso é legal já que são palavras inglesas😃👏👏👏

  • @jessicalima-salesforcenapr9383
    @jessicalima-salesforcenapr9383 ปีที่แล้ว +3

    Que explicação incrível! Parabéns pelo conteúdo

    • @InteliogiaDev
      @InteliogiaDev  ปีที่แล้ว +1

      Muito obrigado Jéssica 😁❤️

  • @ellencristhyna8726
    @ellencristhyna8726 ปีที่แล้ว +1

    muito boa aula, lembrei de um monte de coisa, font awesome, font google... a::after

  • @EternoVasco777
    @EternoVasco777 ปีที่แล้ว

    Iae meu cria.
    Max-aula então Dog. Muito bom seus vídeos aprendendo muito… vou te abençoar ainda

  • @idalth
    @idalth ปีที่แล้ว +1

    Nossa excelente didática. Você está de parabéns. Me interessei em aprender com você. show.

    • @GingaeGol10
      @GingaeGol10 ปีที่แล้ว

      tbm me interessei bastante, gostei mt do jeito de ele ensinar

  • @abelsilva9125
    @abelsilva9125 2 ปีที่แล้ว +2

    GUERREIRO DA INTELIOGIA, EU JA ESTOU ESCRITO E ESTOU ESPERANDO OS PROXIMOS VIDEOS
    GOSTEI DE MAIS DA SUA TECNICA.

    • @InteliogiaDev
      @InteliogiaDev  2 ปีที่แล้ว

      ADOREI O GUERREIRO DA INTELIOGIA KKKKKKKKK muito obrigado pela confiança, Abel! Vc não vai se arrepender 😂❤️

    • @sesintafeliz6892
      @sesintafeliz6892 2 ปีที่แล้ว +1

      @@InteliogiaDev Oi, eu criei uma página de vendas com o Plugin Elementor, ai eu quero ocultar uns blocos do site para que apareça só depois de um certo tempo.
      Eu já tenho um SCRIPT que faz isso, mas não queria usar mais o SCRIPT.
      Quero saber se tem como usar somente um Código CSS, pois no Plugin Elementor me da essa opção.
      |
      Em Classe CSS coloquei "esconder" sem as aspas.
      E o código em CSS para ocultar eu já tenho esse aqui abaixo...
      .esconder {
      display: none;
      }
      Agora preciso do código que irá revelar os elementos do site depois de um certo tempo.
      .

    • @InteliogiaDev
      @InteliogiaDev  2 ปีที่แล้ว +1

      Oiii... Então essa funcionalidade de fazer um elemento do site aparecer depois de um tempo, até onde eu sei, não existe nas CSS. Infelizmente vc terá que usar o script msm 🙂

  • @gocu_saiajeans
    @gocu_saiajeans ปีที่แล้ว +1

    Obrigado! Você tem uma didática muito boa, me lembra o Guanabara.

    • @InteliogiaDev
      @InteliogiaDev  ปีที่แล้ว +1

      Nossa que honra ser comparado ao mestre Guanabara 🧡 muito obrigado mesmo, de verdade! 😍

  • @jucebrasilDev
    @jucebrasilDev ปีที่แล้ว +1

    Boa noite muito obrigada me ajudou muito, achei bem explicado, e de fácil entendimento

  • @raimundasilva6845
    @raimundasilva6845 ปีที่แล้ว +4

    Olá, faz uma playlist ensinando HTML, CSS, construção de layouts e estruturação e organização de projetos, faltam conteúdos desse tipo no TH-cam e com boa didática, como a sua.

    • @InteliogiaDev
      @InteliogiaDev  ปีที่แล้ว +2

      Esse tipo de conteúdo vc acha dentro de cursos, caso vc não tenha como investir em um, recomendo o Curso em Vídeo do Gustavo Guanabara. Totalmente de graça hehe, foi lá que aprendi quando tava começando.

  • @sandrogiovani2690
    @sandrogiovani2690 2 ปีที่แล้ว +2

    Muito bom mano me ajudou demais estou começando parabéns pelo conteúdo

    • @InteliogiaDev
      @InteliogiaDev  2 ปีที่แล้ว

      Muito obrigado mano! 😁❤️

  • @itensdolol97
    @itensdolol97 ปีที่แล้ว +1

    Que didática legal! Parabéns ! 🙌

    • @kaioluccas9791
      @kaioluccas9791 ปีที่แล้ว

      abraço demoniaco na programação q medo kkakakakakaak

  • @noenemys2
    @noenemys2 2 หลายเดือนก่อน

    Ganhou mais um inscrito! Parabens mano, voce explica bastante bem 😊

  • @Felipeamaral1998
    @Felipeamaral1998 ปีที่แล้ว +1

    Muitooooo obrigado pela aula, isso foi de uma ajuda extrema

  • @SGRADIOATIVO
    @SGRADIOATIVO 2 ปีที่แล้ว +1

    Show gostei da didática, parabéns.

    • @InteliogiaDev
      @InteliogiaDev  2 ปีที่แล้ว

      Poxa muito obrigado 😁👊

  • @printfrobert6385
    @printfrobert6385 2 ปีที่แล้ว +2

    Excelente vídeo cara, parabéns!

  • @piahloco
    @piahloco ปีที่แล้ว +2

    cara muito bom mano...

  • @vagnerkavallera
    @vagnerkavallera 2 ปีที่แล้ว +1

    Bacana mano! Já vou assistir inteiro na hora do almoço aqui na empresa kkkk

    • @InteliogiaDev
      @InteliogiaDev  2 ปีที่แล้ว +1

      kkkkkk muito massa irmão! Em que empresa vc trabalha?

    • @vagnerkavallera
      @vagnerkavallera 2 ปีที่แล้ว +1

      @@InteliogiaDev trabalho em uma universidade, a Unip mano, sou formado em sistemas de informação, porém nunca atuei na área, mas tô exaurido por aqui, focando em me especializar pra mudar de área

    • @InteliogiaDev
      @InteliogiaDev  2 ปีที่แล้ว

      Ai sim mano, sem querer exaltar, mas esse área de programação aqui é a melhor kkkkkkkkkkkk me acompanha por aqui vc será muito bem vindo nessa comunidade!

  • @danielvasconcelosalves969
    @danielvasconcelosalves969 3 หลายเดือนก่อน

    muito top mesmo. eu sou iniciante, poderia dá continuidade que vai ser muito massa.

  • @biduleitesilva
    @biduleitesilva 7 หลายเดือนก่อน

    Muito bom. Mostra um vídeo incluindo uma logo marca no centro do menu. Abraços

  • @wildonbraga
    @wildonbraga 2 ปีที่แล้ว +1

    Estou te acompanhando muito bom vídeos

  • @bacchetti070
    @bacchetti070 ปีที่แล้ว +1

    Gostei,muito bem explicado.

  • @BIHANZONAGASHI
    @BIHANZONAGASHI 7 หลายเดือนก่อน +1

    Salve! Faz vídeo mostrando a parte responsiva

  • @DamperCube
    @DamperCube หลายเดือนก่อน

    te amo irmão

    • @InteliogiaDev
      @InteliogiaDev  29 วันที่ผ่านมา

      HAHAHAHA TBM TE AMO CARA 😁

  • @jessecorrea5053
    @jessecorrea5053 9 หลายเดือนก่อน

    Parabéns pela Aula 👏

  • @barbaranunes6344
    @barbaranunes6344 ปีที่แล้ว +1

    Muito bom, parabéns. Fez a continuação? Gostei bastante do conteúdo.

  • @user-ue5nm7sz4h
    @user-ue5nm7sz4h 2 หลายเดือนก่อน

    excelente, parabéns

  • @fabiovergilionucci8404
    @fabiovergilionucci8404 2 ปีที่แล้ว +1

    Excelente vídeo, meus parabéns

  • @micaele1219
    @micaele1219 ปีที่แล้ว +1

    muito bom obrigado!!!!!!

  • @luizleao243
    @luizleao243 2 ปีที่แล้ว +1

    Show! Excelente! Ganhou mais um inscrito! Valeu brow! abç. 🙂

    • @InteliogiaDev
      @InteliogiaDev  2 ปีที่แล้ว

      Obrigado irmão ❤️ seja bem vindo!

  • @daniellaguimaraes6385
    @daniellaguimaraes6385 2 ปีที่แล้ว +1

    Sensacional!

  • @osmarbrito-maqueteeletroni8798
    @osmarbrito-maqueteeletroni8798 7 หลายเดือนก่อน

    Show! Agradecido.

  • @adrianosp
    @adrianosp 2 ปีที่แล้ว +1

    Muito bom!

  • @te26706
    @te26706 ปีที่แล้ว

    Parabéns pelo tutorial man, show de bola tu tem a manhas de explicar, cara seria interessante vc fazer um video explicando como podemos fixar esses conhecimentos do css, tipo tentando copiar um outro site? tipo como pra ticar para ficar com o conhecimento fixado na mente rsr, vejo que é meio confuso , tipo oque estilizar no css o .ol .li .a oque tem de parametros para dada um, obrigado.

    • @InteliogiaDev
      @InteliogiaDev  ปีที่แล้ว +1

      Fala James! Vlw pela ideia mano, vou elaborar um conteúdo para te ajudar nesse quesito 😁

  • @marcelomedeiros7984
    @marcelomedeiros7984 ปีที่แล้ว +1

    Deus abençoe amigo ajudou muito estou fazendo uma web loja de star wars ,caso vc possa postar algum vídeo continuando a loja tlgd agradeço mais ainda

    • @InteliogiaDev
      @InteliogiaDev  ปีที่แล้ว

      Fala Marcelo. Fico feliz em ter te ajudado kkkkk e vlw pela sugestão, futuramente pretendo publicar mais vídeos relacionados a esse assunto 😉

  • @brunosouza994
    @brunosouza994 4 วันที่ผ่านมา

    muito bom o ensino, mas eu fiz tudo igual a tu só que nâo ficou alinhado o menu, a logo e a rede sociais

  • @luislima1275
    @luislima1275 2 ปีที่แล้ว +1

    Top demais

  • @Kauan_00000
    @Kauan_00000 ปีที่แล้ว

    faz parte 2 ensinando a escrever nas partes "home, blog, sobre nos, contato" se fizer vai ajudar d + aqui

    • @InteliogiaDev
      @InteliogiaDev  ปีที่แล้ว

      Maninho, basta substituir essas palavras que usei no vídeo para as palavras que queira usar kkkkk

    • @Kauan_00000
      @Kauan_00000 ปีที่แล้ว

      @@InteliogiaDev mas eu falo dentro delas

  • @EternoVasco777
    @EternoVasco777 ปีที่แล้ว

    @media screen and (max-width: 600px) alguma coisa assim né ?

  • @vinirodriguesbastos93
    @vinirodriguesbastos93 ปีที่แล้ว

    Ola como vai primeiramente agradecer pela bela aula, e perguntar se você fez a segunda parte de vídeo se fez da um alo ai obrigado e fique com Deus. 😁🤓

    • @InteliogiaDev
      @InteliogiaDev  ปีที่แล้ว

      Fiz uma sequência usando esse menu kkkk dá uma conferida ai no canal

  • @nataneukk
    @nataneukk 3 หลายเดือนก่อน

    alguem sabe como fazer esse sublihnhado que esta sobre a HOME ficar sobre outras paginas dependendo da pagina que o usuario esta visualizando

  • @tecnokap
    @tecnokap ปีที่แล้ว

    Faltou colocar o codigo usado para duvidas, top demais

    • @dig777
      @dig777 ปีที่แล้ว

      vc tem o codigo já escrito? se sim poderia me mandar por gentileza?

  • @eosuricato_
    @eosuricato_ ปีที่แล้ว

    Ótimo video, parabéns. Você já ensinou a fazer o último efeito em relação à página selecionada no header? Estou precisando aprender kkkkkkkkk

    • @InteliogiaDev
      @InteliogiaDev  ปีที่แล้ว

      Puts mano, ainda não kkkkkkkk

  • @jp___sagaz7929
    @jp___sagaz7929 4 หลายเดือนก่อน

    Mn n consegui usar o css no bloco de notas😢, pd me ajudar?

  • @AurikIn564
    @AurikIn564 6 วันที่ผ่านมา

    9:58

  • @jardelmartins898
    @jardelmartins898 ปีที่แล้ว

    Poderia compartilhar o código por favor.

  • @luisfernandomoraesdosreisp6820
    @luisfernandomoraesdosreisp6820 ปีที่แล้ว

    Qual e o nome desse tema?

    • @InteliogiaDev
      @InteliogiaDev  ปีที่แล้ว

      Mano Luis, uso os temas da One Dark Pro

  • @estherdefreitasgomes3619
    @estherdefreitasgomes3619 ปีที่แล้ว

    Nenhum dos sites funciona

    • @InteliogiaDev
      @InteliogiaDev  ปีที่แล้ว

      Os links não tem destino, o intuito é só criar o estilo do menu 🙂

  • @weslendiogo2106
    @weslendiogo2106 ปีที่แล้ว +2

    Mano pqp eu não consigo entender nada kkkk

    • @moniquesilva8300
      @moniquesilva8300 7 หลายเดือนก่อน +2

      Tá iniciando?

    • @TAQUIPARI0
      @TAQUIPARI0 15 วันที่ผ่านมา

      Pq vc só ta vendo um vídeo no TH-cam kkkk