Como fazer um SLIDESHOW com HTML e CSS | Higor Feijó

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

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

  • @waldirsilvaesteves8279
    @waldirsilvaesteves8279 3 года назад +50

    Parabéns, muito bacana, funcionou perfeitamente, e vc tem uma boa didática para explicar o que está ensinando, muito obrigado.

  • @yanghyuga5422
    @yanghyuga5422 Год назад +6

    Que didática linda, o vídeo fica muito mais longo que o normal mas por que ele explica o por que de cada coisa resolveu mtas dúvidas minha parabéns

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

    Fiz tudo certinho e funcionou perfeitamente!
    Muito obrigado Higor 😍🤩

  • @RenardBergson
    @RenardBergson Год назад +2

    O melhor vídeo que já vi de slides estilo carrossel até hoje. Inclusive até adaptei algumas coisas. Didática impecável.

  • @dani-se01
    @dani-se01 2 года назад +35

    ótimo vídeo. Só senti falta de um link com o código completo pra estudo e testes.

  • @ManuelAlfredo-c8c
    @ManuelAlfredo-c8c 4 дня назад

    Obrigado pelo conteúdo tremendo aprendi bastante este é o primeiro video bem resumido de slide que já vi

  • @andrecesar4232
    @andrecesar4232 2 года назад +5

    Cara, comecei a estudar HTML/CSS/JS a mais ou menos um mês, estou fazendo cursos e acabei parando aqui pra tirar um duvidas, queria elogiar muito a tua didática, muito boa mesmo.

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

      e ai man? conseguiu alguma coisa estudando programação? to meio na duvida se realmente vale a pena, sabe?

  • @CooldyValorant
    @CooldyValorant 2 года назад +11

    Obrigado mano!Esses videos na internet agregam muito no aprendizado,e é de grande ajuda para quem vai se profissionalizar depois.
    Ps: no meu caso não coloquei fotos.Eu precisava inserir topicos de texto com uns videos demonstrativos ao lado mas eram muitos e ocuparia espaço então criei um label personalizado e inseri o conteudo no slider

    • @Unknown-rg1jj
      @Unknown-rg1jj 2 года назад

      Estou querendo fazer um, mas é sem imagem e sim com links, é possível isso? todos os vídeos que eu vi de slide é usado imagens. Sou iniciante na programação.

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

    Velho, você nasceu pra ensinar. Nem alguns cursos pagos não transmitem a forma fácil de fazer algo como você faz. Parabéns e muito obrigado.

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

    O único que eu consegui fazer, pela maneira de explicar e por conseguir enxergar o conteúdo da sua tela!! Muito obrigada :)
    Queria aplicar no código para o slide correr sozinho..

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

      Da pra fazer com Javascript

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

      @@AlemDoCodigo sim, você poderia ensinar? E junto, ensinar como manter com o hover o branco na imagem selecionada?

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

    Parabéns, aula Top. Obrigado por compartilhar. Ajudou muito no meu aprendizado.

  • @henriquelenz7594
    @henriquelenz7594 2 года назад +5

    Parabéns mano, seus vídeos são mto bons, explica com calma e de forma clara, me ajudou bastante

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

    coloca legenda nos seus videos man que o pessoal da gringa te assistir certeza
    conteudo top unico canal que achei fazendo isso usando so CSS parabens man s2

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

    O brabo é o alem do código, funcionou certinho, continua com mais videos assim !!!!

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

    OBRIGADA, não faz ideia do quanto esse vídeo me ensinou e me salvou ! ! !

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

    Funcionou perfeitamente! O vídeo ficou muito bom, a sua didática é maravilhosa

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

    Rapaz, que tutorial foda viu. Não imaginava que desse para fazer sem JS. Muti bacana!

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

    explica muito muito bem... consegui aprender de primeira. muito obrigado.

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

    cara vc é um DEUS, obrigado demais por me ajudar nisso!!
    foda demais!!

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

    gostei muito da explicação. muito bom mesmo. parabéns 👏👏

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

    Cara, vc tem uma didatica muito boaa

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

    Caraca tu é foda mano, muito didático, explica tudo direitinho, obrigado por compartilhar este conhecimento conosco, você é o cara. Até que enfim consegui montar um slide funcional, vlw my brother

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

    CARACAAAAA MUITO MASSA!!! Descobri seu canal muito do nada, mas parabéns, muito bom!!

  • @DanielSouza-iy4bv
    @DanielSouza-iy4bv Год назад

    Slk, mais um sub, explica bem calmo e ilustrativo, ajudou +

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

    Cara sensacional e fica muito mais leve fazer com css do que usando JavaScript. Parabéns 👏

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

    você é demais cara, gostei muito do jeito como você explica, parabéns!

    • @Daniel-dh9wh
      @Daniel-dh9wh 2 года назад

      Oi boa noite, poderia me dizer se posso fazer com qualquer imagem com qualquer também?? Ainda não tentei fazer

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

    Muito obrigado, me ajudou muito, amigo. Ótima aula você deu, explicou tudo conforme ia codando. Excelente!!

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

    Mano que dahora cara !!! Parabéns vídeo muito bom, e muito bem explicado, didática ótima!

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

    Sem palavras só tenho a dizer (Parabéns) continuei assim, e vc tem uma excelente didática ensina passo a passo o que vai acontecer com cada comando... Show 👏

  • @Gustavo-mj5dd
    @Gustavo-mj5dd 2 года назад

    Meu irmão! Parabéns pelo vídeo e principalmente pela didática pra ensinar, tu explica muito bem, parabéns e tu já ganhou mais um inscrito

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

    Excelente explicação, meu único problema nesse momento é que eu tinha um título e links no íncio da página e agora estão bagunçados vou ver como resolver isso, mas parabéns, os slides estão funcionando muito bem .

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

    cara, explicação incrível, vídeo perfeito, fez um slide ainda sem js

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

    Brabo, apenas brabo continua com esse estilo de vídeo

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

    OBRIGADO AMIGO, PARABENS PELO CONTEUDO, MELHOR VIDEO DO RUclips!! RECOMENDO 100%

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

    Que Top, já me imagino implantando isso em uma série de projetos. Valeu,

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

    Muito bem feito, funcionou perfeitamente apesar de eu não ser profissional. Só acompanhei o passo a passo. Parabéns

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

    Parabéns meu amigo, me ajudou muito, explica sem complicar.

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

    Muito obrigado por essa aula! Muito explicativa.

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

    Queria saber a respeito porque que quando eu vou colocar textos em baixo do slide que foi feito ele fica por tras do slide, como se o slide fosse uma sobreposição do meus textos

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

    que aula incrivel estou fazendo meu tcc e durante essa faze ajuda muito esse tipo de conteudo!! obrigado.

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

    Parabéns irmão, melhor canal, explica devagar e pra que serve todos os comandos, muito foda

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

    que perfeição de aula, você é muito bom no que faz

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

    To Fazendo aqui em casa e vou usar em todos meus Sites, Show de Bola !!

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

    Que didática ótima, parabéns!! Ajudou muito!

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

    sua didática é extremamente boa, vídeo com belíssimo conteúdo!

  • @FernandoSantos-jb3mi
    @FernandoSantos-jb3mi Год назад

    Excelente aula, obrigado!!

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

    Como que eu coloco esse slide dentro de uma TAG com texto? eu fiz o slide e nao consigo deixar ele dentro dos texto e ele fica por cima do texto.. como eu deixo ele dentro do main por exemplo sem que ele fique por cima do H1?

    Exemplo
    e o texto
    o slide

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

    Agradeço sua contribuição

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

    Excelente aula! consegui implementar os botões em um site que estou fazendo do 0, como um desafio próprio,
    claro fuçando algumas coisas consegui deixar na altura ideal e do tamanho ideal.

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

    Sua explicação é fenomenal, adorei. Segui o tutorial mudando tudo para ficar ao meu estilo, mas queria saber se teria como o gradient do fundo mudar de cores quando eu passasse para imagem do lado todas as vezes. Pois cada imagem tem sua paleta de cores, e seria interessante o gradient do fundo mudasse a cada clique.

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

      se encontrar a resposta me diz, pfv

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

      @@weryklysferreira1244 se encontrou, me diz pfv

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

    Sensacional!! eu me matando no JS para fazer oque era simples. Parabéns!

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

    Showw!! Aula muito boa e código muito bem explicado, tive alguns bugs mas no fim consegui fazer kk

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

    Arrasou man explica muito bemm !! shoow aprendi bastante nessa video aula

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

    Top demais! Me salvou aqui no meu projeto.

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

    Aula incrível Mano! Parabéns!

  • @PedroLucas-gl2vs
    @PedroLucas-gl2vs 3 года назад +1

    Como faço para colocar um texto abaixo? Meu está fica acima da imagem.

  • @WillianSantos-fq1rg
    @WillianSantos-fq1rg Год назад

    Muito bom aula, gostei bastante!

  • @GuilhermeHenrique-fh6tk
    @GuilhermeHenrique-fh6tk 2 года назад

    Muito bom...acho que foi um dos videos mais didáticos que vi. Muito obrigado.

  • @fernandoi.kobayashi9826
    @fernandoi.kobayashi9826 2 года назад

    Bem legal, funcionou muito bem, boa didática. Vou usar a ideia no meu projeto

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

    Parabéns, vídeo show. Obrigado!

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

    Um botão next e prev pra quem tem muitas fotos é interessante. Outra opção é carregamento automático das imagens.

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

    Obrigado amigo, fantástico. No meu caso usei divs para fazer slid de e ficou show obrigado mesmo 🙂

  • @joto-
    @joto- 8 месяцев назад

    Higor Feijó o maioral do frontend

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

    Cara esse video me ajudou muito, obrigada pela ajuda!

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

    Didática é tudo. Valeu bro.

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

    Muito obrigado pela aula! Funcionou perfeitamente.

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

    Parabéns pelo conteúdo! Ajudou muito no meu aprendizado!

  • @MojitoEX
    @MojitoEX 3 месяца назад +1

    cara eu só preciso de uma ajudinha, mas eu fiz tudo isso para um trabalho de informática no meu colégio, mas, esse slide fica por cima de todo o texto, e eu queria saber como botar o texto abaixo desse slide

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

    Mano vc nao sabe o quanto isso me ajudou velho

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

    curti muito. obrigado pela aula

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

    Ótimo professor, gostei ! Obrigado, sucesso!

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

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

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

    Maninho, vc está de parabéns!!!!

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

    show de bola, parabéns pelo conteúdo.

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

    Sou iniciante, sobre o "Input" quando clico em uma bolinha a outra não desmarca, o que eu faço?

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

    Em 6:21, coo faz par puxar o background do index para o arquivo .css ?

  • @Grym9
    @Grym9 7 дней назад

    Parabéns pelo vídeo, amigo. Não funcionou comigo, devo ter feito algo errado, mas gostei muito da sua didática.

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

    funcionou tudo porem eu usei a barra de pesquisa do seu video e tentei colocar essa junto e ele cancela a barra de pesquisa por causa do input { display: none; }

  • @humbertoaraujo5511
    @humbertoaraujo5511 8 месяцев назад

    Cara, continua com esses tutorias por favor. Só não consegui fazer a animação, mas de resto muito obrigado

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

    Gostei ,bacana, bem explicado..

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

      Obrigado pelo apoio Vanderlei!!!

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

    O meu aqui quando clico para voltar para a primeira imagem ou para a segunda não volta, atualizo a pagina ai vai pra primeira ai aperto na segunda vai, na terceira tambem vai, mas pra voltar para a segunda ou a primeira nao volta so atualizando a pagina, e o input radio não marca so um esta marcando todos, o que póde ser?
    obs: fiz só com 3 imagens.

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

    cara muito obrigado dei likaço
    me ajudou mto
    trabalhe nos vicios de linguagens "tipo,gente etc..!"
    vc tem futuro
    obs n sou pasquale kkkk

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

    Oloco, tmj, ajudou mt amigo!!

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

    sensacional, obrigado pela aula.

  • @alexandrelacerda5607
    @alexandrelacerda5607 5 месяцев назад

    Vi vários vídeos e o seu foi o único que consegui executar perfeitamente. Parabéns pelo vídeo e pela didática. Gostaria de fazer pergunta. Como faz para os slides mudarem sozinhos?

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

    nossa, video muito bom e explicaçao excelente, vlw

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

    Que vídeo perfeito cara !!! Muito Obrigado

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

    como eu faço para um texto aparece so no primeiro slide ?

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

    estou com um problema. Quando eu clico no próximo botão, as imagens no slide não estão aparecendo em uma “fila” uma após a outra digamos assim. Estão aparecendo como se fosse digamos um “maço de cartas de baralho” digamos assim. Uma aparece, depois sai e outra aparece e assim vai. Poderiam me ajudar?

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

    MUITO OBRIGADA POR ENSINAR ESSA MARAVILHA AMEEI❤

    • @Daniel-dh9wh
      @Daniel-dh9wh 2 года назад

      Oi boa noite, poderia me dizer se posso fazer com qualquer imagem com qualquer também?? Ainda não tentei fazer

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

      @@Daniel-dh9wh sim é só substituir na pasta

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

    show muito obrigado aprendi muito !!

  • @MeuComputador-o2e
    @MeuComputador-o2e Год назад

    Aula Top. Muito Bom mesmo.

  • @JOHNNY-ki9lv
    @JOHNNY-ki9lv Год назад +4

    Eu não vi o vídeo aínda mais parece usar muito borda-radio

  • @BAIMA-ch6wv
    @BAIMA-ch6wv 8 месяцев назад

    @chameleon code, como entro em contato com você? Para fins didáticos.

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

    Poderia fazer uma continuação desse video ? mais botando botões em cima ou estilizando ?

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

    ótimo video, me ajudou bastantee!!!

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

    meus input ficaram dentro da aba .content empurando as imagens, fazendo com que meu .bar não apareça, to sem saber oque fazer.

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

    Show de bola! muito obrigado

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

    Tem algum vídeo relacionado a esse vídeo que coloque slide em automático também?

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

    Super Like!!!!! Valeu mano, ajudou d+++