Criar um menu Dropdown com HTML e CSS
ฝัง
- เผยแพร่เมื่อ 8 ก.ย. 2024
- ★★★★★
Tutorial de como criar um Menu Dropdown (menu que aparece ao passar o mouse na barra de navegação) utilizando apenas html e css.
Indicadoo para iniciantes em desenvolvimento Web
Código no github:
github.com/vic...
★★★★★
Oferecimento, Gemeltec Soluções em Tecnologia
gemeltec.com.br
★★★★★
SIGAM NO INSTAGRAM: / gemeltec
★★★★★
CURTAM NO FACE: / gemeltec
aprendi mais aqui do que em vários lugar, parabéns
Um ano depois que postou seu video, estou eu aqui aprendendo a fazer o menu através do seu conteudo Victor, vc explica de forma paulatina, e nao acelera a explicação do conteúdo como muitos outros por ai, desta forma fica fácil entender o conceito por etapa. Parabens meu garoto.
Olá, obrigado!! Fico muito feliz pelo seu comentário e por meu conteúdo ter contribuído de alguma forma!!
Simples, direto e reto, sem enrolação. Parabéns pela explicação!😃
Obrigado amigo, fico feliz que gostou!
venho de uma plataforma PAGA que depois de quase 30h de aula sobre css, html e javascript não me ensinaram o que vc em 12 minutos conseguiu me explicar, parabéns!
Fico feliz em ter ajudado!!
Explicação excelente pra quem está começando e está praticando. Obrigado pela ajuda
curtida numero 1000, muito bom e direto ao ponto a aula,sucesso
@@guilhermeboas5518 muito obrigado amigo!!
Ganhou mais um inscrito pois eu pude compreender facilmente devido a sua excelente didática. Desde já, muito obrigado por compartilhar seu conhecimento de forma tão simples e objetiva.
Obrigado pelas palavras amigo, fico feliz que tenha ajudado!!
absurdo! mlk é monstro na explicação
Simples, direto e reto. Parabéns pelo tutorial.
Por que não poderia ser no o hover em vez do ? Sendo que passamos por cima do a e do li
Olá, obrigado pela pergunta!
Ele até poderia ser na tag , mas nesse caso como dentro dela está apenas o texto, o menu só apareceria ao passar o cursor do mouse em cima do texto e não no retângulo inteiro que o envolve
@@Gemeltec mas não funcionou não. Obrigado pelo retorno mestre
rodei a net toda e só encontrei a resposta aqui, parabéns pelo empenho e pelo canal ❤❤
salvou meu trabalho final, obrigado
Estava com dificuldade e seu vídeo ajudou bastante. 👏👏
C é loko que didática top Parabéns man.
n para n manin, tem futuro. explica mt bem
Perfeito, assisti muitos vídeos, mas só consegui através deste. Obrigada!
rápido, objetivo, muito completo! parabéns, ajudou muito (;
top bom professor
obrigado moço voce salvou minha vida
Fico feliz que ajudou!!
Os seus vídeos me ajudam muito 👏🏻
Seu conteúdo é muito bom! Bem explicado. 👏
Fico feliz que gostou!! 😁
Excelente aula, muito obrigado!!
Ótimo video.
Você poderia crisr um de como exibir um ponteiro de mouse diferente quando esti er acessando a página?
Bem prático show parabéns...
ajudou me bastante,e aprendi .
obrigado
show de bola irmão , me salvou muito s2
Excelente, professor!!
Video top!!
sucesso!!!
Valeu amigo, você é um amigo
Obrigado meu caro, ajudou muito.
Parabens otima explicação
Muito show esse video.
Valeuuuuuuuuuu de++++++❤❤❤
Ótimo vídeo, meu irmão
Excelente aula mano, vlw!!!
Qual seria o jeito mais recomendado?
Usando JS pra adicionar classe ao botão ou fazer tudo em css?
@@aprendizdefunileiro9281 muito obrigado!
Depende da forma que for fazer, se for só esse simples pode ser direto com css que é mais prático, mas caso for fazer alguma interação extra com o seu menu aí o JS pode te proporcionar mais praticidade
Show demais!
Top
Muito bom!
Irmão vc é braboo
Ao passar o mouse por cima dos demais ítens, como: Sobre e Contato, o menú não recolhe, ou seja, se adicionar mais um dropdown-menu em algum outro ítem, vai mostrar todos os dropdowns-menus. Não sei se foi só comigo quando tentei. Mas pra mim foi uma técnica não tão interessante. "Poder por um menú em apenas um ítem".
Também não sei se é pq precisa de J.S para fazer essa manipulação. 🙄
valeu mano
Bom dia, aprendi fazer esse menu, mas agora queria saber se vocês tem video sobre fazer o link desse vídeo.
Olá amigo, desculpe não entendi... sobre qual assunto você gostaria de um video?
Uma dica galera, para o link serviços funcionar em um dislplay mobile você precisa colocar # no link de ''serviços'' em href =''#''
Serviços
Serviços 2
Serviços 3
Serviços 4
Serviços 5
@@aprendizdefunileiro9281 Show!!!!
voce fala bem, uma sugestão de oratoria é remover o vicio de liguagem "ta bom" parece que esta pedindo aprovação e isso reduz seu valor, e obrigado pelo video.
Agradeço pela crítica construtiva amigo e fico feliz pelo vídeo ter ajudado!!
Como faço para pegar proj no git hub
Peco ajuda com um codigo html e css que estou gerando mas estou tendo dificuldades em criar um menu suspenso com 4 niveis
é possível colocar um scroll somente no menu dropdown?
caso tenha muitas categorias e não apareça o restante em resoluções menores.
É possível sim, você pode por exemplo definir uma altura maxima para o seu dropdown, caso a quantidade de itens ultrapasse o tamanho que você definiu você utiliza o overflow-y: scroll para que ele adicione uma barra de rolagem.
Neste video ensino aa como personalizar uma barra de rolagem pode ser que te ajude:
th-cam.com/video/uHQnt7K2zZo/w-d-xo.html&t
vlwwwwwwwwww
quando eu vou mudar a cor da fonte no css não funciona, vc sabe oq pode ser?
o meu scroll down desaparece pq embaixo tem um carrousell de imagens, oq faço?
Ele fica atrás do carrossel? Se sim, tente alterar a propriedade z-index dele para mais alto, ex: z-index: 999
@@Gemeltec pera aí, farei algumas alterações e já retorno com a resposta.
@@Gemeltecele não está por trás, porque todo drop-down aparece, mas quando eu coloco o cursor na coluna que está mais próximo do carrossel, o drop-down desaparece.
Se conseguir me enviar um link para o seu código eu vejo se consigo te dar uma ajuda
@@Gemelteccomo posso enviar um link?
GALERA QUEM PUDER ME AJUDAR,COMO ME ENSINAR A COLOCAR NO SITE
Aqui não deu certo... alguém poderia me ajudar?
Como apareceu pra você?
Muito bom. Mas não seria funcional pelo celular, certo?
Olá, é funcional em dispositivos móveis também, mas dependendo da estrutura do seu site você pode usar assim simplificado ou usar um menu responsivo e adequar ao seu site/app
Funciona normal, porém ele vai ficar "quebrado ". Entt teria mudar os pixels por celular. Se não me engano no mínimo da Tela mobile é 600 pixel.
Tenho uma dúvida
Qual sua dúvida amigo
eu esqueci foi com o clikc...
cara fiz do teu jeito porem n funciona ;-;
bingo
Ta sem qualidade
Sem qualidade é vc, tabaréu.