Тёмный

Como criar um MENU PERSONALIZADO com HTML e CSS 

Inteliogia - Dev's Insights
Подписаться 15 тыс.
Просмотров 43 тыс.
50% 1

✅ 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

Опубликовано:

 

10 мар 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 77   
@emersonturimcarvalho
@emersonturimcarvalho Год назад
Muito obrigado pela aula, sensacional, curtindo todos os vídeos. Parabéns, me ajudando demais!!
@francisneimanenti
@francisneimanenti 10 месяцев назад
Boa tarde meu irmão, sua aula foi muito bem explicada, e de fácil aprendizado. Me ajudou muito, obrigado!
@1davi
@1davi Месяц назад
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.
@printfrobert6385
@printfrobert6385 2 года назад
Excelente vídeo cara, parabéns!
@jucebrasilDev
@jucebrasilDev 10 месяцев назад
Boa noite muito obrigada me ajudou muito, achei bem explicado, e de fácil entendimento
@marcosflavio5753
@marcosflavio5753 2 года назад
Ótimo vídeo pra quem está iniciando
@Felipeamaral1998
@Felipeamaral1998 10 месяцев назад
Muitooooo obrigado pela aula, isso foi de uma ajuda extrema
@EternoVasco777
@EternoVasco777 Год назад
Iae meu cria. Max-aula então Dog. Muito bom seus vídeos aprendendo muito… vou te abençoar ainda
@bacchetti070
@bacchetti070 Год назад
Gostei,muito bem explicado.
@fabiovergilionucci8404
@fabiovergilionucci8404 Год назад
Excelente vídeo, meus parabéns
@ellencristhyna8726
@ellencristhyna8726 Год назад
muito boa aula, lembrei de um monte de coisa, font awesome, font google... a::after
@jessecorrea5053
@jessecorrea5053 6 месяцев назад
Parabéns pela Aula 👏
@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 9 месяцев назад
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
@jessicalima-salesforcenapr9383
Que explicação incrível! Parabéns pelo conteúdo
@InteliogiaDev
@InteliogiaDev Год назад
Muito obrigado Jéssica 😁❤️
@sandrogiovani2690
@sandrogiovani2690 2 года назад
Muito bom mano me ajudou demais estou começando parabéns pelo conteúdo
@InteliogiaDev
@InteliogiaDev 2 года назад
Muito obrigado mano! 😁❤️
@idalth
@idalth Год назад
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
@itensdolol97
@itensdolol97 Год назад
Que didática legal! Parabéns ! 🙌
@kaioluccas9791
@kaioluccas9791 Год назад
abraço demoniaco na programação q medo kkakakakakaak
@barbaranunes6344
@barbaranunes6344 Год назад
Muito bom, parabéns. Fez a continuação? Gostei bastante do conteúdo.
@jeffersongalvao3248
@jeffersongalvao3248 Год назад
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 Год назад
Kkkkkkk a gente tá aqui pra isso meu mano! Seja bem vindo kkkkkk
@SGRADIOATIVO
@SGRADIOATIVO Год назад
Show gostei da didática, parabéns.
@InteliogiaDev
@InteliogiaDev Год назад
Poxa muito obrigado 😁👊
@abelsilva9125
@abelsilva9125 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 года назад
@@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 года назад
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 🙂
@biduleitesilva
@biduleitesilva 4 месяца назад
Muito bom. Mostra um vídeo incluindo uma logo marca no centro do menu. Abraços
@piahloco
@piahloco Год назад
cara muito bom mano...
@wildonbraga
@wildonbraga Год назад
Estou te acompanhando muito bom vídeos
@InteliogiaDev
@InteliogiaDev Год назад
Vlw mano! 👊🏾❤️
@luizleao243
@luizleao243 2 года назад
Show! Excelente! Ganhou mais um inscrito! Valeu brow! abç. 🙂
@InteliogiaDev
@InteliogiaDev 2 года назад
Obrigado irmão ❤️ seja bem vindo!
@osmarbrito-maqueteeletroni8798
@osmarbrito-maqueteeletroni8798 4 месяца назад
Show! Agradecido.
@danielvasconcelosalves969
@danielvasconcelosalves969 28 дней назад
muito top mesmo. eu sou iniciante, poderia dá continuidade que vai ser muito massa.
@seunomeaqui_
@seunomeaqui_ 11 месяцев назад
Obrigado! Você tem uma didática muito boa, me lembra o Guanabara.
@InteliogiaDev
@InteliogiaDev 11 месяцев назад
Nossa que honra ser comparado ao mestre Guanabara 🧡 muito obrigado mesmo, de verdade! 😍
@adrianosp
@adrianosp 2 года назад
Muito bom!
@micaele1219
@micaele1219 Год назад
muito bom obrigado!!!!!!
@daniellaguimaraes6385
@daniellaguimaraes6385 Год назад
Sensacional!
@InteliogiaDev
@InteliogiaDev Год назад
😍😁💕
@vagnerkavallera
@vagnerkavallera 2 года назад
Bacana mano! Já vou assistir inteiro na hora do almoço aqui na empresa kkkk
@InteliogiaDev
@InteliogiaDev 2 года назад
kkkkkk muito massa irmão! Em que empresa vc trabalha?
@vagnerkavallera
@vagnerkavallera 2 года назад
@@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!
@luislima1275
@luislima1275 Год назад
Top demais
@BIHANZONAGASHI
@BIHANZONAGASHI 4 месяца назад
Salve! Faz vídeo mostrando a parte responsiva
@cristianacosta6789
@cristianacosta6789 Год назад
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!
@raimundasilva6845
@raimundasilva6845 Год назад
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 RU-vid e com boa didática, como a sua.
@InteliogiaDev
@InteliogiaDev Год назад
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.
@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 Год назад
Fala James! Vlw pela ideia mano, vou elaborar um conteúdo para te ajudar nesse quesito 😁
@marcelomedeiros7984
@marcelomedeiros7984 Год назад
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 😉
@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
@kn_.p7
@kn_.p7 Год назад
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
@kn_.p7
@kn_.p7 Год назад
@@InteliogiaDev mas eu falo dentro delas
@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?
@nataneukk
@nataneukk 19 дней назад
alguem sabe como fazer esse sublihnhado que esta sobre a HOME ficar sobre outras paginas dependendo da pagina que o usuario esta visualizando
@EternoVasco777
@EternoVasco777 Год назад
@media screen and (max-width: 600px) alguma coisa assim né ?
@eosuricato_
@eosuricato_ 9 месяцев назад
Ó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 9 месяцев назад
Puts mano, ainda não kkkkkkkk
@jp___sagaz7929
@jp___sagaz7929 Месяц назад
Mn n consegui usar o css no bloco de notas😢, pd me ajudar?
@jardelmartins898
@jardelmartins898 Год назад
Poderia compartilhar o código por favor.
@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 Год назад
Mano pqp eu não consigo entender nada kkkk
@moniquesilva8300
@moniquesilva8300 4 месяца назад
Tá iniciando?
Далее
Como adicionar músicas no site com HTML
9:08
Просмотров 2,7 тыс.
мы встретились 🔥
00:16
Просмотров 53 тыс.
FOOLED THE GUARD🤢
00:54
Просмотров 26 млн
Criar um menu Dropdown com HTML e CSS
11:24
Просмотров 17 тыс.
Menu Responsivo | HTML, CSS e JAVASCRIPT
17:40
Просмотров 90 тыс.
Programador Front-end Iniciante  - APRENDA ISSO!
6:10
Criando um menu horizontal com HTML e CSS
18:06
Просмотров 126 тыс.
Login Form in HTML & CSS
11:07
Просмотров 1,2 млн
HOW TO INSERT BACKGROUND IMAGE CORRECTLY - HTML & CSS
8:34
Unveiling CSS Grid in practice | Mayk Brito
36:17
Просмотров 371 тыс.
мы встретились 🔥
00:16
Просмотров 53 тыс.