Como criar um MENU PERSONALIZADO com HTML e CSS
HTML-код
- Опубликовано: 10 мар 2022
- ✅ 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/programmakerspro
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.inteliogiacode.com
![DRAGON BALL: Sparking! ZERO - Fused Warriors Trailer [BUDOKAI TENKAICHI Series]](http://i.ytimg.com/vi/84p4Lvyfyes/mqdefault.jpg)
Muito obrigado pela aula, sensacional, curtindo todos os vídeos. Parabéns, me ajudando demais!!
Boa tarde meu irmão, sua aula foi muito bem explicada, e de fácil aprendizado. Me ajudou muito, obrigado!
Excelente vídeo cara, parabéns!
Boa noite muito obrigada me ajudou muito, achei bem explicado, e de fácil entendimento
Muito bom, parabéns. Fez a continuação? Gostei bastante do conteúdo.
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.
Muitooooo obrigado pela aula, isso foi de uma ajuda extrema
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
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
Ótimo vídeo pra quem está iniciando
muito boa aula, lembrei de um monte de coisa, font awesome, font google... a::after
Gostei,muito bem explicado.
Olá!!
Sou estudante de universidade aqui em Portugal e o meu trabalho final para uma das cadeiras é realizar um website funcional. O seu tutorial me ajudou a fazer um menu como eu queria!
(Só não consegui fazer a parte de ao clicar num dos titulos aparecer em baixo aquela tirinha laranja, têm algum outro código que ajude a colocar a tirinha em baixo ao passar o mouse por cima do titulo?)
Agradeço imenso pelo conteúdo!
Excelente vídeo, meus parabéns
Parabéns pela Aula 👏
Iae meu cria.
Max-aula então Dog. Muito bom seus vídeos aprendendo muito… vou te abençoar ainda
muito top mesmo. eu sou iniciante, poderia dá continuidade que vai ser muito massa.
Muito bom. Mostra um vídeo incluindo uma logo marca no centro do menu. Abraços
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.
Kkkkkkk a gente tá aqui pra isso meu mano! Seja bem vindo kkkkkk
Show! Agradecido.
Salve! Faz vídeo mostrando a parte responsiva
Que didática legal! Parabéns ! 🙌
abraço demoniaco na programação q medo kkakakakakaak
cara muito bom mano...
Show gostei da didática, parabéns.
Poxa muito obrigado 😁👊
muito bom obrigado!!!!!!
Nossa excelente didática. Você está de parabéns. Me interessei em aprender com você. show.
tbm me interessei bastante, gostei mt do jeito de ele ensinar
Que explicação incrível! Parabéns pelo conteúdo
Muito obrigado Jéssica 😁❤️
Muito bom mano me ajudou demais estou começando parabéns pelo conteúdo
Muito obrigado mano! 😁❤️
@media screen and (max-width: 600px) alguma coisa assim né ?
Estou te acompanhando muito bom vídeos
Vlw mano! 👊🏾❤️
Muito bom!
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 RUclips e com boa didática, como a sua.
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.
alguem sabe como fazer esse sublihnhado que esta sobre a HOME ficar sobre outras paginas dependendo da pagina que o usuario esta visualizando
Show! Excelente! Ganhou mais um inscrito! Valeu brow! abç. 🙂
Obrigado irmão ❤️ seja bem vindo!
GUERREIRO DA INTELIOGIA, EU JA ESTOU ESCRITO E ESTOU ESPERANDO OS PROXIMOS VIDEOS
GOSTEI DE MAIS DA SUA TECNICA.
ADOREI O GUERREIRO DA INTELIOGIA KKKKKKKKK muito obrigado pela confiança, Abel! Vc não vai se arrepender 😂❤️
@@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.
.
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 🙂
Obrigado! Você tem uma didática muito boa, me lembra o Guanabara.
Nossa que honra ser comparado ao mestre Guanabara 🧡 muito obrigado mesmo, de verdade! 😍
Top demais
Sensacional!
😍😁💕
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.
Fala James! Vlw pela ideia mano, vou elaborar um conteúdo para te ajudar nesse quesito 😁
Poderia compartilhar o código por favor.
Mn n consegui usar o css no bloco de notas😢, pd me ajudar?
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
Fala Marcelo. Fico feliz em ter te ajudado kkkkk e vlw pela sugestão, futuramente pretendo publicar mais vídeos relacionados a esse assunto 😉
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. 😁🤓
Fiz uma sequência usando esse menu kkkk dá uma conferida ai no canal
Bacana mano! Já vou assistir inteiro na hora do almoço aqui na empresa kkkk
kkkkkk muito massa irmão! Em que empresa vc trabalha?
@@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
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!
Faltou colocar o codigo usado para duvidas, top demais
vc tem o codigo já escrito? se sim poderia me mandar por gentileza?
Ótimo video, parabéns. Você já ensinou a fazer o último efeito em relação à página selecionada no header? Estou precisando aprender kkkkkkkkk
Puts mano, ainda não kkkkkkkk
faz parte 2 ensinando a escrever nas partes "home, blog, sobre nos, contato" se fizer vai ajudar d + aqui
Maninho, basta substituir essas palavras que usei no vídeo para as palavras que queira usar kkkkk
@@InteliogiaDev mas eu falo dentro delas
Qual e o nome desse tema?
Mano Luis, uso os temas da One Dark Pro
Nenhum dos sites funciona
Os links não tem destino, o intuito é só criar o estilo do menu 🙂
Mano pqp eu não consigo entender nada kkkk
Tá iniciando?