Criando um menu horizontal com HTML e CSS

Поделиться
HTML-код
  • Опубликовано: 31 янв 2025

Комментарии • 148

  • @thiagosilva-lz3kk
    @thiagosilva-lz3kk 9 месяцев назад +2

    Cara muito boa a maneira como você explica. Parabéns.

  • @gregorioborges21
    @gregorioborges21 3 года назад +17

    Muito obrigado! É muito bom ver aulas de pessoas que explicam tudo que estão fazendo, sem deixar nada de lado. Me ajudou demais!

  • @guuhgo
    @guuhgo Год назад

    Vim assistir porque eu queria fazer uma estrutura de abas no meu projeto, mas o vídeo não era sobre isso, mesmo assim assisti completo e prestando atenção. Quando fui fazer as abas no meu projeto, eu estava com um problema que, quando eu usava " width: 100% " nas "abas", ela quebrava o layout, a largura da aba ficava sobrepondo a largura da tag mãe, não respeitava o padding, pesquisei algumas possíveis soluções mas nenhuma resolvia, aí lembrei do que você falou sobre o box-sizing: border-box e apliquei, resolveu na hora, muito obrigado. Vim em busca de cobre e encontrei foi ouro

  • @antoniocarlosalvarenga9423
    @antoniocarlosalvarenga9423 4 месяца назад +1

    Obrigado! Excelente didática. Aguardo os próximos menus que é tudo que preciso.

  • @Daniel28142960
    @Daniel28142960 3 года назад +1

    Era o que estava procurando. Aula didática e explicativa. Já sou seu seguidor.

  • @zMathwz15
    @zMathwz15 2 года назад

    Pls Ive been looking for this for a long time and finally I found u!! You're literally a life saver. It kinda took a while to download but it still worked.

  • @devClaudinho17
    @devClaudinho17 2 года назад +2

    Estou aprendendo a criar cabeçalhos e menus de navegação e vídeos como esse seu tem me ajudado bastante, e eu aprendi a fixar algum item na direita ou esquerda que não sabia antes, mas graças a seu vídeo aprendi e estou colocando em prática deixando meus sites cada vez mais bonitos, muito obrigado pelo conteúdo de qualidade e continue postando aulas didáticas para a comunidade, abraços vlw

  • @offline1097
    @offline1097 3 года назад +1

    Muito obrigado!!Eu precisava dessa informcao pra terminar de clonar a tela de login do banco do brasil e gracas a voce eu consegui terminar!!🤗

  • @vriboli
    @vriboli 2 года назад +1

    omita aula, eu sou iniciante, venho trabalhando em projetos sozinho, quando me deparo com erros procuro por soluções... vc ajudou demais.

  • @edilsonnogueira8540
    @edilsonnogueira8540 2 года назад

    Comecei a ver hoje HTML, sua aula é muito boa.
    Mas entendo que como comecei a estudar hoje, tem coisas que não entendo, mas se foi muito rápido nas explicações, na verdade você esta ensinando para quem já sabe realmente mexer em HTML.
    No mais deu para entender um pouco, obrigado.

  • @joelsonjunior377
    @joelsonjunior377 2 года назад

    Estou iniciando no html e css , mas seu video já me deu uma grande ajuda .

  • @romuloleal22
    @romuloleal22 3 года назад +1

    video muito foda, um dos melhores que eu vi ate agora. parabens.

  • @trilhadedev
    @trilhadedev 2 года назад +1

    Parabéns, eu estou iniciando e essa aula complementou muito meus estudos👏👏👏

  • @monys140
    @monys140 Год назад +1

    Pow, que aula excelente essa hein professor?! Super didática! Muito obrigada! Aprendi muito nessa aula.

  • @sergiothallespradorios5941
    @sergiothallespradorios5941 2 года назад

    It really worked for me after I look and try some tutorials, yours is the one that worked. Owe you a lot.

  • @willamssilva7030
    @willamssilva7030 Год назад

    show de bola essa aula, me ajudou muito, top demais!!!🤜🏼🤛🏼👍

  • @yasash
    @yasash 6 месяцев назад +1

    Excelente aula! Muito obrigada, professor!

  • @JuniorSantos-di4lg
    @JuniorSantos-di4lg 3 года назад +1

    Cara, muito bom mesmo!! Muito obrigado, comecei os estudos tem um certo tempo de HTML e CSS, esse vídeo me ajudou muito agora na parte de menu, navegações mais ainda, vlw sucesso!!

  • @RLMGurgel
    @RLMGurgel 3 года назад +3

    Excelente explicação! Simples e direta, me ajudou muito em um projeto!

  • @marcelonascimento9851
    @marcelonascimento9851 3 года назад

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

  • @egsantos10
    @egsantos10 3 года назад +1

    Boa noite, nossa sensacional a aula gostei muito me ajudou bastante.......sucesso!!!

  • @leonardodornellas8304
    @leonardodornellas8304 3 месяца назад

    Otima explicação. Eu estava ficando neurótico para saber fazer um menu desse obg

  • @arthur_fxpc
    @arthur_fxpc Год назад

    parabéns pelo trabalho , consegui apreender o que eu queria, sucesso

  • @DigoOqPenso
    @DigoOqPenso Год назад

    Muito bom, simples e direto.
    Ajudou muito, obrigado.

  • @fabriciolima9583
    @fabriciolima9583 3 года назад +2

    Muito obrigado por esse aprendizado, abordagem muito bem explicativa!!!!!!

  • @tulio.digital
    @tulio.digital Год назад

    Muito bom o tutorial! Like na certa. Obrigado.

  • @ministerioyeshuaide
    @ministerioyeshuaide Год назад

    Obrigado teacher, tirou todas minhas dúvidas, e que vídeo aula gostosa de ouvir e aprender
    , valeu pelo conteudo

  • @caiqueroque2861
    @caiqueroque2861 4 года назад +2

    Otimo video, ajudou bastante, inclusive com as dicas no final 🙌

  • @carmenlucia9896
    @carmenlucia9896 3 года назад +1

    Grata pela aula, ajudou muito, ganhou mais uma inscrita

  • @nathyoliveira3355
    @nathyoliveira3355 3 года назад

    Muito bom seu conteúdo. MT prático e detalhado. Obg pela excelente aula!

  • @Mariannebastos
    @Mariannebastos 3 года назад +1

    Nossa, muito obrigada! Seu vídeo foi de grande ajuda para mim!😊

  • @ghscastro
    @ghscastro 2 года назад +1

    Excelente! Ajudou demais, obrigado!

  • @DarioPinheiro
    @DarioPinheiro 4 года назад +2

    Muito bom. Direto e didático, sem firulas.

  • @tiagopereira4175
    @tiagopereira4175 11 месяцев назад

    Que sucesso....
    Por mais Menus assim.

  • @andremarques4878
    @andremarques4878 2 года назад

    Muito obrigado meu amigo! Parabéns pelo conteúdo, ajudou demais!

  • @luisalms
    @luisalms 2 года назад +1

    vídeo ótimo. Mas no final não consegui centralizar os itens da lista... pq será? to quebrando a cabeça aqui.

  • @Vinny.013
    @Vinny.013 2 года назад

    Top, top, top 👏👏👏👏👏👏

  • @MrEdenBezerra
    @MrEdenBezerra 4 года назад +1

    Excelente abordagem, professor 👏👏👏

  • @douglasalves8468
    @douglasalves8468 2 года назад +1

    Valeu! Sr sabe muito do que faz!

  • @georgeoliver5773
    @georgeoliver5773 3 года назад +2

    Bem objetivo sem enrolação

  • @freeza7892
    @freeza7892 2 года назад

    Obrigado pela ajuda que me deu, ganhou mais um inscrito

  • @apertaplays
    @apertaplays Год назад

    rapaz que fod@....eu to iniciando e iniciando sobre html e o treco é lindo de se aprender.
    mas voce vai fazendo tudo rapidao.
    o engraçado foi eu olhando tu por o menu do jeito q eu pensei e eu disse Q FOD@.
    aí tu "nao n ficou bom "

  • @trilhacoder
    @trilhacoder 2 года назад +1

    Bem bacana, menu bem simples e funcional, ótimo conteúdo. Um exemplo de 3 níveis seria ótimo! Abç.

  • @LuisHenrique-bw8uh
    @LuisHenrique-bw8uh Год назад

    Muito bom, parabéns, me ajudou demais!

  • @orelhaintergalactica3437
    @orelhaintergalactica3437 4 месяца назад

    amigo meu fica dentro de um quadrado como se ele tivesse separado do , quando coloco background-color aparece um quadrado transparente nas palavras

  • @lucasapin
    @lucasapin 3 года назад +1

    Foi muito bom me ajudou muito. Obrigado professor.

  • @fabianomogo7251
    @fabianomogo7251 3 года назад

    Ótimas aulas... Parabéns pelo trabalho.

  • @14tavin
    @14tavin 2 года назад

    This was so helpful!! Thank you

  • @ozirismenezes2009
    @ozirismenezes2009 3 года назад +2

    Valeu mestre, muito bom

  • @mickaelfernandes9898
    @mickaelfernandes9898 4 года назад +1

    Excelente, ganhou um inscrito!

  • @aurelioruotolo9923
    @aurelioruotolo9923 2 года назад

    Really nice and helpful... Thanks!

  • @leticiapinheiropv
    @leticiapinheiropv 7 месяцев назад

    Obrigada me ajudou muito de verdade

  • @fernandocorreiadelima9513
    @fernandocorreiadelima9513 2 месяца назад

    eu consigo colocar esse bloco do em um arquivo a parte para colocar o menu em varias paginas e na hora de fazer alguma altração fazer só em um lugar?

  • @pedroaleixo7785
    @pedroaleixo7785 2 года назад +1

    Muito Obrigado me ajudou demais!!!

  • @mjdinstrumentosmusicais2021
    @mjdinstrumentosmusicais2021 2 года назад

    i really apreciate your help with dowloanding this software

  • @arlancorreia2144
    @arlancorreia2144 10 месяцев назад

    como faz para alargar o menu horizontal? invés de ficar só ali no canto mas ocupar tudo ou quase? alargar na horizontal mesmo

  • @kiddeymay3122
    @kiddeymay3122 2 года назад

    muito bom o video !!

  • @conceicaovieira7776
    @conceicaovieira7776 2 года назад

    video aula sensacional vc seria ou é um exlente professor , só queria uma ajuda do code visual , o meu não aparece o autocomplete das classes ou qual quer coisa que digita no code , tem hora que ele aparece sugestão mais não completa como por exemplo ao digitar < html ele não mostra pra completar

  • @fhenriqueveiga
    @fhenriqueveiga Год назад

    Muito bom, como colocar um dopdown menu aí no meio?

  • @Spy-cd3ft
    @Spy-cd3ft 2 года назад

    Tenho uma pergunta, no caso eu queria colocar uma imagem de uma logo no lado esquerdo da pagina junto com o menu, o que eu deveria fazer ?

  • @cafeware
    @cafeware 3 года назад

    ótimo conteúdo, assisti no modo lento pq sou lento kkkk. parabéns e obrigado.

  • @nortonap
    @nortonap Год назад

    Eu não segui passo a passo, mas adorei. Mas fiquei com uma dúvida: abri no celular e ficou horrível. É assim mesmo? Ou pq não fiz passo a passo?

  • @DrFelixMarques
    @DrFelixMarques 10 месяцев назад +1

    e se eu quiser por apenas o home a esquerda e todos os demais a direita, qual seria o codigo?

    • @SatellaSoft
      @SatellaSoft  10 месяцев назад

      aplica margin-right:auto; no primeiro elemento.

  • @5.5-n3q
    @5.5-n3q 3 года назад

    muito bom professor obrigado, Deus te abençõe.

  • @denisoracio487
    @denisoracio487 Год назад

    Ótimo vídeo, vlw!

  • @luizahelena4261
    @luizahelena4261 2 года назад

    que video bom, muito obrigada!

  • @trincado7
    @trincado7 Год назад

    Meu menu não ficou na horizontal após adcionar a tag display: inline; como vc fez!

  • @alissonramon7416
    @alissonramon7416 3 года назад

    Didática excepcional

  • @laedsondev9187
    @laedsondev9187 3 года назад +1

    Ficou muiiito bom

  • @Lsantos021-z1x
    @Lsantos021-z1x 2 года назад

    esse li a e como se fosse uma uma id ? por pra por link n precisa do a href né ? logo se tiver outras ul li e só dá uma id pra que eles n sejam TDS iguais na hora de configurar

  • @diogosteiner7159
    @diogosteiner7159 3 года назад +1

    Vlw cara, ajudou muito!!!!

  • @13mvincius
    @13mvincius 2 года назад +1

    Excelente!

  • @hostmubak
    @hostmubak 3 года назад

    Obrigado professor, me ajudou bastante

  • @Incorneavel.
    @Incorneavel. 2 года назад +1

    na parte do float: rigth nao funcionou.... nao sei pq.

  • @Marcos-Sousa-IGD
    @Marcos-Sousa-IGD 2 года назад

    Muitissimo obrigado, poderia mostrar como centralizar ele, o menu?

  • @VitorSilva-oe7hj
    @VitorSilva-oe7hj 3 года назад

    e como faço para colocar um conteúdo dentro de algum título do menu? tipo, quando eu clicar em algo do menu, abri um conteúdo sobre

  • @felipegames6585
    @felipegames6585 2 года назад

    year for all of us, for so- it's still ongoing. i respect you for being honest as that's what's been keeping a bit sane recently, just being

  • @devsantiag
    @devsantiag 2 года назад

    Eu te amo!!!!

  • @filipebarbosamonfardini2416
    @filipebarbosamonfardini2416 2 года назад

    Tem algum vídeo mostrando que ao clicar numa dessas opções ele redireciona para alguma parte da pagina ?

  • @rodrigohenriquefarias2739
    @rodrigohenriquefarias2739 2 года назад

    Muito bom!!

  • @Joseluiz-ir4vf
    @Joseluiz-ir4vf 3 года назад

    Muito bom, me ajudou bastante

  • @cazelives
    @cazelives 2 года назад

    Teria vídeo de como adicionar conteúdo nessas páginas?

  • @GameOfTheHard
    @GameOfTheHard 3 года назад

    Ola tudo bem? Pq você coloca o transition no #menu-h li a, E não coloca no hover??

  • @head_xxx7411
    @head_xxx7411 2 года назад

    It works! Thanks a lot.

  • @fabianomogo7251
    @fabianomogo7251 3 года назад

    Ótima aula!!!

  • @Lucas.Albuquerque15
    @Lucas.Albuquerque15 Год назад

    o ENTRAR pode ficar full esquerda?

  • @luancordeiro2914
    @luancordeiro2914 2 года назад

    Adorei, obrigado.

  • @militaoo3613
    @militaoo3613 3 года назад

    Muito bom mano, obrigado

  • @rafaelborges8925
    @rafaelborges8925 Год назад

    Muito obrigado

  • @karolyneteixeira7027
    @karolyneteixeira7027 3 года назад

    poderia me dizer como faço para centralizar o menu na pagina, deixar ele no meio e aumentar a fonte

  • @erikjosedasilva1097
    @erikjosedasilva1097 3 года назад

    Top simplesmente top

  • @mikaeldoreact6667
    @mikaeldoreact6667 3 года назад

    Ajudou muito, obrigado

  • @vitor58588
    @vitor58588 3 года назад +1

    o meu não está ficando um do lado do outro oque eu faço?

  • @SamuelRocha-vz4ys
    @SamuelRocha-vz4ys 2 года назад

    Boa noite. você dá aula particular

  • @lidianevillar3941
    @lidianevillar3941 2 года назад

    now i am in a good mood

  • @jack_if
    @jack_if 4 года назад +1

    Mano, a tal que você usou para transição já esta desatualizada

  • @LuweZ
    @LuweZ 2 года назад

    TNice tutorials was the first video I saw to get into soft soft, tNice tutorials year in May. Today I published a Resetup from XXXTentacion "Moonlight".

  • @nauambelooliveira6662
    @nauambelooliveira6662 3 года назад

    muito obrigado!

  • @mirroreddimension3dfractal133
    @mirroreddimension3dfractal133 2 года назад

    Thanks Bruu

  • @alvarojoseph3576
    @alvarojoseph3576 2 года назад

    bom demais