Criando menu horizontal Dropdown com HTML e CSS

Поділитися
Вставка

КОМЕНТАРІ • 79

  • @marcelonascimento9851
    @marcelonascimento9851 3 роки тому +10

    Nada mais nada menos que sensacional, PARABÉNS pelo vídeo, muito bom assistir aulas assim.

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

    Brigadão, meu consagrado! Era isso que eu tava procurando! Você é um amigo, amigo!!

  • @dimiendrixmartinsmiranda9528

    vlw irmao me ajudou muito!!! talvez para algumas pessoas que estejam começando a estudar, ficar alterando o codigo toda hora fica meio confuso, tive que ver o video alguma vezes, mas de qualquer forma muito foda seu conteudo, parabéns !!!!!

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

    Cara está de parabéns, tem pessoa que acaba fazendo videos e não ensina nada..
    mas você ajudo muito, Parabéns amigo =)

  • @gabrielfernandesaraujosant215

    Cara, me salvou, eu tava a uns 3 dias tentando fazer esse menu dropdown nesse modelo mas n fazia nem ideia de como fazer.

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

    Quando você se confunde eu me perco todo, mas é de longe o canal que mais me ajuda 👍🏾

  • @robertmacedo013
    @robertmacedo013 3 роки тому

    Muito obrigado, me ajudou muito. Estou fazendo um trabalho da faculdade que precisa desenvolver um menu sobre controle de estoque, tenho quebrado a cabeça para saber como vou fazer isso. Graças a sua aula, finalmente conseguir fazer a primeira parte do projeto. Tive problemas na parte das opções abaixo do dropdown ficarem alinhadas, mas quando mudei a numeração do width de "150px" para "100px", resolveu esse problema.
    Deixando like no vídeo também como forma de agradecimento 👏🏽

  • @kesleylima6159
    @kesleylima6159 2 роки тому +4

    Muito bom amigo! Parabéns

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

    Excelente ! Muito bem explicado ! ! Parabéns pelos vídeos ! ! !

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

    Cara estava apanhando para conseguir fazer o menu suspenso, e encontrei onde estava fazendo errado! Me salvou! Muito obrigado! Aula top!

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

    Excelente vídeo!

  • @adeilsonbeatbox4413
    @adeilsonbeatbox4413 3 роки тому +3

    cara seu trabalho me ajudou muito, muito obrigado você é 10!

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

      isso mesmo que eu queria

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

    nss cara, justamente o que estava procurando, vídeo aula top!!!

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

    excelente vídeo e excelente didática! Ajudou muito a aprender a fazer o dropdown menu!
    Só senti falta de um repositório no git pra poder olhar o código com mais facilidade.

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

    Acabei de me inscrever
    😘

  • @geladeira923
    @geladeira923 3 роки тому

    mano vlw mesmo não tem nem como te agradecer sério, tava passando sufoco aqui no curso de S.I da faculdade

  • @micaelusirion
    @micaelusirion 11 місяців тому

    Obrigado!

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

    Cara pelo conteúdo, bem completo, objetivo e simples de entender. Abç.

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

    vlw por me ajuda aula muito boa

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

    Ajudou mt

  • @RafaelAndradeMetalOmega
    @RafaelAndradeMetalOmega 4 роки тому +1

    Opa, já venho no like ;-)

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

    excelente professor. Simples e perfeito. Obrigado, parabéns.

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

    man vc é brabo dms

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

    Muito bom, vc ensina muito bem.

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

    show de bola mano

  • @theguitargamer1
    @theguitargamer1 3 роки тому

    Gostei pra caramba da aula. +1 inscrito

  • @demervalleite5891
    @demervalleite5891 3 роки тому

    Ajudou bastante, valeu pelas dicas.

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

    Oi, professor. Qual atalho no teclado foi usado para copiar e colar o item em outra linha em 1:40 ?

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

      no windows eu seguro ALT + SHIFT e seta pra baixo ou seta pra cima.

  • @jeanmedeiros1466
    @jeanmedeiros1466 3 роки тому

    vlw mesmo esta com dificuldade e esse vídeo ajudou a resolver legal principalmente na parte de deixar mais organizado o meu style.css.

  • @paulomaisnada
    @paulomaisnada 3 роки тому +5

    Achei muito massa a aula! Obrigado pelo ensinamento!
    Deixa eu tirar uma dúvida. Estou testanto colocar um segundo nível de dropdown, mas quando crio o hover interno, consigo fazer aparecer apenas o último elemento li na lista interna. Por exemplo: Tenho no menu a opção "Profisionais". Dentro dela abre um DropDown com os nomes deles, e no próximo nível, teria as opções "manhã, tarde e noite", mas apenas a opção noite aparece. Sabe o que pode estar acontecendo?

    • @SatellaSoft
      @SatellaSoft  3 роки тому +1

      Obrigado, Paulo.
      Da uma olhadinha aqui nos nossos vídeos, a gente gravou um material de Dropdown também.

  • @viniciussouza-bk5nq
    @viniciussouza-bk5nq 3 роки тому +1

    Muito obrigadoooo, me ajudoou muito !

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

    ajudou muito, valeu!

  • @VitorSilva-oe7hj
    @VitorSilva-oe7hj 3 роки тому +2

    Cai aqui de paraquedas, você já ensinou como colocar o conteúdo? tipo, eu clicar em algo do menu e abri um conteúdo sobre?

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

      Usando a tag de âncora da seguinte forma: Coloca aqui o que vai estar escrito no local, ao invés de aparecer "Google.com.br" aparecer do Google, por exemplo, e fecha a tag

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

    Pode ter alteração dependendo do browser? Fiz idêntico e não ficou com o efeito drop

  • @eltonmatsinhe-e8x
    @eltonmatsinhe-e8x Рік тому

    Peco ajuda com um codigo html e css que estou gerando mas estou tendo dificuldades em criar um menu suspenso com 4 niveis

  • @e.marques17
    @e.marques17 2 роки тому

    Top

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

    O meu last child ta abrangendo o sub menu, sendo que era so pra colocar o suporte do lado direito, como resolver?

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

    o meu fica bugado quando passa o mouse em cima

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

    Qual a tecla que usa para copia rápido pra linha de baixo?

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

    me ajuda ? porque vc abre duas pag, uma index e outra css ???????/

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

      Para separar os tipos de arquivos, um é html e outro css.

  • @richardwesley4226
    @richardwesley4226 3 роки тому

    Muito bom, mas queria tirar uma duvida, eu já assiti um video seu criando um menu horizontal que você usa o # pra chamar a variável, ai nesse você usa o "." e ":", eu sou meio leigo teria como explicar?

  • @louislevesque2540
    @louislevesque2540 3 роки тому

    Olá , você tem algum vídeo ensinando por exemplo quando eu clicar no botão Produto, para ele abrir uma página dentro do meu site mostrando os meus produtos ?

    • @3ggames988
      @3ggames988 2 роки тому

      é so tu colocar no href do produto, o link dos produtos do seu site. Ex: Produtos

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

    O esquema da transição ali é porque display não pode ser animado. Teria que fazer com js ou alterar a forma de exibição desse submenu

  • @aquamaeda
    @aquamaeda 3 роки тому

    Muito bom! Tem como fazer um terceiro nível de menu, abrindo pela lateral? Na frente do nome do nível dois?

  • @igornathandasilvaalmeida4520
    @igornathandasilvaalmeida4520 3 роки тому

    Professor, ensina a fazer mudar a cor do texto quando passar o mouse encima por favooorr!!

    • @proprogramador3534
      @proprogramador3534 3 роки тому +1

      Usa o a:hover {color: "Cor de sua preferência" } mano

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

    boa explicação e otimo ensino mas o unico problema é que eu prefiro usar o sublime e os codigos do css não são o mesmo

  • @marcal.cortes01
    @marcal.cortes01 3 роки тому

    Olá será que você pode colocar o código completo aqui nos comentários?

  • @p.roseoliveira
    @p.roseoliveira 2 роки тому +2

    Muito bom, você me ajudou bastante. Mas eu devo pontuar, você fala muito rápido.

  • @niltonduarte3531
    @niltonduarte3531 3 роки тому +1

    Mas e a responsividade?

  • @israelfrancisco707
    @israelfrancisco707 4 роки тому

    Não teria como deixar o BK cobrindo a parte branca que está faltando em cima?

    • @dinizwas7962
      @dinizwas7962 3 роки тому +1

      na verdade isso acontece porque os navegadores ja vem com uma margin de padding padrao... tem como formatar aquilo e deixar tudo zerado entao p menu dele vai encaixar

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

    a aula ficou confusa no final

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

    com esse video percebi o quão bosta é meu curso que nem ensinaram o que é NAV

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

    nao funciona para mim

  • @HealingAlbumsArchive
    @HealingAlbumsArchive 4 роки тому

    Coloco foto onde?

  • @nathanarzaonagel8763
    @nathanarzaonagel8763 3 роки тому

    alguém pode me dizer o nome do programa ?

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

      Visual Studio Code (VScode)

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

    Modo de explicar muito bagunçado. Muito ""copia e cola" "coloca e paga", feito de forma muito rápida. Para experientes, ok. Para iniciantes, fica muito confuso.

  • @heiderdideriksen9223
    @heiderdideriksen9223 3 роки тому +1

    O vídeo tutorial está muito rápido (alopração). As dicas do Visual Code ativadas atrapalham demais a leitura do código.
    O menu, não só não é responsivo, como não funciona em navegador Firefox 93.0.
    Linka esta na descrição: ua-cam.com/video/CNiH_hkvcDA/v-deo.html

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

    muito confuso para ensinar ^^

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

    Se tem uma coisa que eu odeio é css

  • @anarktv8098
    @anarktv8098 3 роки тому

    Dysplay? rs precisa melhorar o inglês. A escolha das cores não foram boas, não da pra ver nada do que acontece dentro do nav...