Como criar um MENU PERSONALIZADO com HTML e CSS

Поділитися
Вставка
  • Опубліковано 20 сер 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...

КОМЕНТАРІ • 80

  • @josericardoadler8406
    @josericardoadler8406 11 місяців тому +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  11 місяців тому

      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!

  • @1davi
    @1davi 3 місяці тому

    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!!

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

    Ótimo vídeo pra quem está iniciando

  • @mininusequeci
    @mininusequeci Рік тому +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! 😍

  • @ellencristhyna8726
    @ellencristhyna8726 Рік тому +1

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

  • @idalth
    @idalth Рік тому +1

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

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

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

  • @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 UA-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.

  • @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 🙂

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

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

  • @jessicalima-salesforcenapr9383

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

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

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

  • @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!

  • @noenemys2
    @noenemys2 Місяць тому

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

  • @Felipeamaral1998
    @Felipeamaral1998 Рік тому +1

    Muitooooo obrigado pela aula, isso foi de uma ajuda extrema

  • @itensdolol97
    @itensdolol97 Рік тому +1

    Que didática legal! Parabéns ! 🙌

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

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

  • @danielvasconcelosalves969
    @danielvasconcelosalves969 3 місяці тому

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

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

    Show gostei da didática, parabéns.

  • @biduleitesilva
    @biduleitesilva 6 місяців тому

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

  • @user-ue5nm7sz4h
    @user-ue5nm7sz4h 2 місяці тому

    excelente, parabéns

  • @wildonbraga
    @wildonbraga Рік тому +1

    Estou te acompanhando muito bom vídeos

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

    Excelente vídeo cara, parabéns!

  • @bacchetti070
    @bacchetti070 Рік тому +1

    Gostei,muito bem explicado.

  • @piahloco
    @piahloco Рік тому +2

    cara muito bom mano...

  • @jessecorrea5053
    @jessecorrea5053 8 місяців тому

    Parabéns pela Aula 👏

  • @BIHANZONAGASHI
    @BIHANZONAGASHI 7 місяців тому +1

    Salve! Faz vídeo mostrando a parte responsiva

  • @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 😁

  • @barbaranunes6344
    @barbaranunes6344 Рік тому +1

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

  • @micaele1219
    @micaele1219 Рік тому +1

    muito bom obrigado!!!!!!

  • @fabiovergilionucci8404
    @fabiovergilionucci8404 Рік тому +1

    Excelente vídeo, meus parabéns

  • @DamperCube
    @DamperCube 15 днів тому

    te amo irmão

  • @osmarbrito-maqueteeletroni8798
    @osmarbrito-maqueteeletroni8798 6 місяців тому

    Show! Agradecido.

  • @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 😉

  • @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

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

    Sensacional!

  • @nataneukk
    @nataneukk 2 місяці тому

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

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

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

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

      Obrigado irmão ❤️ seja bem vindo!

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

    Muito bom!

  • @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?

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

    Top demais

  • @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

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

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

  • @jp___sagaz7929
    @jp___sagaz7929 3 місяці тому

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

  • @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

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

    Poderia compartilhar o código por favor.

  • @luisfernandomoraesdosreisp6820

    Qual e o nome desse tema?

  • @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