Como Criar Faixa Animada no Elementor, Simples e Prático!

Поділитися
Вставка
  • Опубліковано 22 січ 2025

КОМЕНТАРІ • 201

  • @BernardoCaetano
    @BernardoCaetano  8 місяців тому

    🚀 Entre para o MIP, o meu curso de Landing Pages:
    becaetano.com.br/mip-yt

  • @MaceteSecreto
    @MaceteSecreto Місяць тому +1

    Poxa, até que enfim um conteúdo que é papo reto, não fala de signos, de planos, de lua, de churrasqueira, familia ou sobre ondas do mar, apenas o conteúdo TOP, mão na massa e pouco pra entender ! Esta de parabéns man !! Ganhou mais um inscrito.

    • @BernardoCaetano
      @BernardoCaetano  Місяць тому

      HAHAHAHAHAHA
      Muito obrigado pelo feedback, fico feliz em saber que o conteúdo tem ajudado a galera.
      É isso, conteúdo direto e reto! TMJ demais!

  • @radiokilegal
    @radiokilegal Місяць тому +1

    DEU MUITO CERTO!! valorizou muito o meu site cara, parabéns!

    • @BernardoCaetano
      @BernardoCaetano  Місяць тому

      Opa, que legal! Fico feliz que deu certo pra você, rs...

  • @Eduardo-Pereira777
    @Eduardo-Pereira777 8 місяців тому +1

    Muito obrigado irmão ! Me salvou muito, essa dica de atribuir "color" é o ouro ! Já testei em um título também e funfouuuu ! Muito mais fácil doque uns tuto que eu vi por ai.

    • @BernardoCaetano
      @BernardoCaetano  8 місяців тому

      Opa, irmão! Muito obrigado pelo feedback.
      Fico feliz em ter ajudado e de saber que deu certo, HAHAHA.
      TMJ demais!

  • @edstandalone3787
    @edstandalone3787 Місяць тому +1

    Meu irmão, o cara é fera.

  • @lhsc182
    @lhsc182 2 місяці тому +2

    Muito bom! Parabéns pelo tutorial!

  • @lucas_whp
    @lucas_whp 10 місяців тому +1

    Top, faz dias que estava procurando uma solução melhor pro marquee. +1 inscrito

  • @bl1tz_x
    @bl1tz_x 4 місяці тому +1

    Ai sim hein mano era EXATAMENTE isso que eu tava procurando, valeu e ganhou +1 inscrito

    • @BernardoCaetano
      @BernardoCaetano  4 місяці тому

      Opa, brother! Que bom que encontrou o que procurava, HAHAHA, TMJ demais!

  • @patrickmacedo7899
    @patrickmacedo7899 3 місяці тому +1

    vídeo favoritado, que tutorial foda !!! Parabéns pelo trabalho e pela iniciativa de ajudar o próximo !

    • @BernardoCaetano
      @BernardoCaetano  3 місяці тому

      Opa, irmão! Muito obrigado pelo feedback, fico feliz que tenha curtido o tutorial.
      TMJ demais!

  • @guilhermesaito830
    @guilhermesaito830 6 місяців тому +1

    Deu certo! Likezão! Direto ao ponto sem enrolação

    • @BernardoCaetano
      @BernardoCaetano  6 місяців тому

      Aí simmmm, HAHAHA. Obrigado pelo feedback irmão! TMJ!

  • @andre.webdesign
    @andre.webdesign 9 місяців тому +2

    Eu fiz a minha primeira seguindo a minha experiência mesmo, mas sempre dava algum problema na resposividade ou na qualidade
    Agora com seu tutorial aprendi a fazer da forma correta, obrigado!

    • @BernardoCaetano
      @BernardoCaetano  9 місяців тому

      Opa, irmão! Fico feliz que tenha dado certo aí pra você! TMJ demais e obrigado pelo feedback!

  • @andreyprodutor
    @andreyprodutor 2 місяці тому +1

    braboooooo! Ganhou um like e um seguidor. Parabéns mano, vc manda muiito bem

    • @BernardoCaetano
      @BernardoCaetano  2 місяці тому

      Opa, irmão! Muito obrigado pelo feedback, rs.
      TMJ demais!

  • @mockuperia
    @mockuperia Місяць тому +2

    Posso falar? Baita tutorial Valeu irmão!

    • @BernardoCaetano
      @BernardoCaetano  Місяць тому

      Opa, TMJ demais irmão!
      Obrigado pelo feedback.

  • @juliooliveira6121
    @juliooliveira6121 11 місяців тому +1

    Top demais!! Deu super certo aqui 🚀

  • @FrBarretto
    @FrBarretto 10 місяців тому +1

    Mais um video muito showww!
    Valeuuu Bernardo
    Essa da tag no texto é muito show funcionou perfeitamente aqui, porem
    tentei aplicar em "caminho de texto" que ja tinha codigo de animação, mas não funcionou, vou tentar novamente depois.
    Valeuuuu por compartilhar!!

  • @lucassilvabahia110
    @lucassilvabahia110 8 місяців тому +2

    cara tu é fda sai do emprego e hoje vou fazer minha 1° reuniao fechando vou pegar seu curso🥳🥳🥳

    • @BernardoCaetano
      @BernardoCaetano  8 місяців тому +1

      Opa, irmão! Valeu demais pelo feedback!
      Quanto ao curso, vai ser um prazer ter você lá, pode ter certeza.
      Boa sorte nessa nova caminhada aí brother, vai pra cima que dá certo!

    • @KelvenWyllames
      @KelvenWyllames 8 місяців тому +1

      conseguiu fechar?

  • @SupremeKingYGO
    @SupremeKingYGO 2 місяці тому +1

    Caramba cara, que conteúdo é esse velho? Comprei uns cursos na Udemy de Landing Page, Elementor e etc e nenhum deles entregou nem metade do conteúdo que vc entra nos seus vídeos gratuitos, vou comprar seu curso e ficar fod# na criação de páginas. Isso é bem estranho de dizer, mas obrigado por disponibilizar uma forma paga de aprender com vc, obrigado por compartilhar seu conhecimento, você é foda demais. Sucesso!

    • @BernardoCaetano
      @BernardoCaetano  2 місяці тому

      Opa, irmão! Muito obrigado por esse feedback incrível, são feedbacks como esses que faz a gente produzir mais conteúdos e ver que realmente o nosso tempo dedicado a isso não é em vão.
      E sobre o curso, vai ser um prazer ter você lá dentro, pode ter certeza que conteúdo é o que mais você vai ver lá, rs... TMJ demais!
      E obrigado mais uma vez por dedicar um tempo para escrever esse feedback.

  • @SiqueiraXBR
    @SiqueiraXBR 2 місяці тому +1

    A minha faixa fica escapando da tela quando eu dou o scale e a inclinação, criando um scroll horizontal mesmo colocando oculto.

    • @BernardoCaetano
      @BernardoCaetano  Місяць тому

      Opa, irmão!
      Para tirar a barra de scroll horizontal, você precisa fazer o que eu falo no minuto 05:55.
      Ou você pode assistir esse vídeo aqui, para resolver todos os problemas de barra de scroll horizontal no seu projeto:
      ua-cam.com/video/CI1DFK5-UHQ/v-deo.html

  • @Rizo-b5x
    @Rizo-b5x 5 місяців тому +1

    Excelente aula, funcionou!!!

    • @BernardoCaetano
      @BernardoCaetano  5 місяців тому

      Top demais irmão, que bom que deu certo aê, TMJ!

  • @Caiquemarciano
    @Caiquemarciano 2 місяці тому +1

    Tu é brabo!

  • @allysondaniel8698
    @allysondaniel8698 7 місяців тому +1

    Valeu demais, mano. Deus abençoe

  • @ElyMarchelAraujo
    @ElyMarchelAraujo 5 місяців тому +1

    Show... Ganhou mais um inscrito! Sucesso ao canal!

    • @BernardoCaetano
      @BernardoCaetano  5 місяців тому +1

      Opa, obrigado pelo feedback parceiro!
      TMJ demais e espero que tenha dado certo aí pra você.

  • @vadesigner
    @vadesigner 6 місяців тому +1

    Ahazou Berrr, aula foda

    • @BernardoCaetano
      @BernardoCaetano  6 місяців тому

      Valeu VA! Que legal te ver por aqui, HAHAHA.
      TMJ demais!

  • @bigcobatv
    @bigcobatv 11 місяців тому +1

    melhor canal do yt irmao

  • @ixtt3314
    @ixtt3314 9 місяців тому +1

    Muito obrigado! Sucesso pra você 💯

  • @jonasdesigner
    @jonasdesigner 9 місяців тому +1

    Me ajudou muito! Obrigado pelo conteúdo incrível e didático. Me ajuda em uma coisa, usei a faixa com movimento mas deixei fixa no topo da página. Mas não sei porque foi criada uma rolagem horizontal na página. Poderia me ajudar a corrigir isso?

    • @BernardoCaetano
      @BernardoCaetano  9 місяців тому

      Opa, irmão! Obrigado pelo feedback!
      Você pode corrigir isso fazendo o que falo no minuto 05:55, rs...

  • @lobao2474
    @lobao2474 8 місяців тому +1

    Bernardo, obrigado pelo vido, consegue me ajudar num detalhe? Estou fazendo a faixa reta com a animação em looping, mas ao dar padding pra direita no texto pra que haja espaçamento, o mesmo não está acontecendo, simplesmente somente o texto, e já testei com vários valores mínimos, o que pode ser feito pra corrigir isso?

    • @BernardoCaetano
      @BernardoCaetano  8 місяців тому

      Opa, irmão! Beleza? Você fez o que eu explico no minuto 22:35? rs...

  • @Junior888
    @Junior888 9 місяців тому +1

    Que vídeo top meu brother! parabéns.

    • @BernardoCaetano
      @BernardoCaetano  9 місяців тому

      Opa, irmão! Muito obrigado pelo feedback, TMJ demais!

  • @felipebelloni2881
    @felipebelloni2881 3 місяці тому +1

    Show!

  • @fsmicael
    @fsmicael 8 місяців тому +1

    bem acredito que vc tá no yt tb, só te acompanhava pelo insta

    • @BernardoCaetano
      @BernardoCaetano  8 місяців тому

      Opa, irmão! HAHAHAHA
      To por aqui já tem umas semanas / meses. Sai vídeo todo domingo aqui no canal.
      Estou organizando para ver se consigo postar mais de 1 dia na semana, mas enquanto isso vamos da forma que dá, tem muito conteúdo foda pra vir pra cá ainda.
      TMJ!!! Fico feliz em saber que me acompanha lá no insta.

  • @deiby123
    @deiby123 9 місяців тому +1

    amigo, muito obrigado por esse conteúdo, segui o passo a passo e tive um problema que baixei o código, carreguei no meu próprio servidor e ainda não funciona, o estranho é que em produção funciona bem, quer dizer quando tento abrir o editor, mas abro minha página em outro navegador e não funciona. O que poderia estar acontecendo?

    • @BernardoCaetano
      @BernardoCaetano  9 місяців тому

      Opa, parceiro! Se você estiver usando algum plugin de cache, como por exemplo: WP Rocket ou LiteSpeed, você precisa colocar a URL do script nas exceções do Atrasar e Adiar o carregamento de Scripts...
      De acordo com a sua mensagem, acredito ser isso... rs

  • @obrunoribeiror
    @obrunoribeiror Місяць тому +1

    quando eu rotaciono o container da faixa, pra ela ficar na diagonal, fica uma faixa branca na tela, e a parte de baixo da faixa ensinada no video fica por dentro dessa parte branca que cria quando rotaciono, como resolver?

    • @BernardoCaetano
      @BernardoCaetano  Місяць тому

      Opa, parceiro! Beleza?
      Assim por texto fica difícil entender 100%, rs... mas vamos lá!
      Tente dar uma olhada nos backgrounds dos containers que estão envolvidos. Se você quiser me manda um print lá no meu Instagram, que talvez eu consiga te ajudar de alguma forma.

  • @rccintra
    @rccintra 9 місяців тому +1

    Muito bom. Mais um inscrito 👏👏

    • @BernardoCaetano
      @BernardoCaetano  9 місяців тому

      Opa, irmão! Obrigado demais pelo feedback!

  • @DHTBLOCKEROFICIAL-p9o
    @DHTBLOCKEROFICIAL-p9o Місяць тому +1

    Opa, por conta da barra "infinita" no mobile fica bem maior na horizontal ocasionando uma parte branca, como resolver?

    • @BernardoCaetano
      @BernardoCaetano  Місяць тому

      Opa, tudo certo?
      Você precisa fazer o que explico no minuto 05:55, ou assistir esse vídeo aqui que vai resolver também:
      ua-cam.com/video/CI1DFK5-UHQ/v-deo.html

  • @douglascosta3508
    @douglascosta3508 2 місяці тому +1

    e se eu quiser fazer isso com listing grid?

    • @BernardoCaetano
      @BernardoCaetano  2 місяці тому

      Opa, brother!
      Você diz exibir na faixa um conteúdo dinâmico? Se for, você consegue sem problemas.

  • @digirios
    @digirios 9 місяців тому +2

    Melhor tutorial que encontrei dessas faixas.
    na faixa com movimento contínuo a barra horizontal do navegador ficou estendida, como faço pra corrigir e limitar na largura da página?

    • @BernardoCaetano
      @BernardoCaetano  9 місяців тому

      Opa, muito obrigado pelo feedback! Para corrigir isso, é só seguir o falo no minuto 05:55, rs...

    • @Rizo-b5x
      @Rizo-b5x 5 місяців тому +1

      ​@@BernardoCaetano Excelente resposta, Bernardo. Parabéns de verdade. Eu estava com esse problema, vim nos comentários, acabou que passou despercebido. Parabéns pelo trabalho meu irmão, Deus abençoe a sua vida.

    • @BernardoCaetano
      @BernardoCaetano  5 місяців тому

      @@Rizo-b5x opa, aí sim parceiro! Os comentários ajudam muito, por isso sempre respondo a todos, rs... TMJ!

  • @PARTIUAPRENDERDESIGN
    @PARTIUAPRENDERDESIGN 6 місяців тому +1

    Quando uso a opção de faixa, que aplico o código CSS pra não quebrar linha, ele deixa espaçamento em branco na minha página, tem como resolver isso?

    • @BernardoCaetano
      @BernardoCaetano  6 місяців тому +1

      Opa, parceiro! É a barra de scroll horizontal que está sendo ativada. Você precisa fazer o que eu explico no minuto 05:55.
      Ou seguir o que falo aqui nesse vídeo: ua-cam.com/video/CI1DFK5-UHQ/v-deo.html, que já resolve de todas as páginas que por algum motivo acionou a barra de scroll horizontal.

    • @PARTIUAPRENDERDESIGN
      @PARTIUAPRENDERDESIGN 6 місяців тому +1

      ​@@BernardoCaetano Cara, sensacional, obrigado de verdade! Vou até dar uma olhada no seu treinamento, deve ser excelente

    • @BernardoCaetano
      @BernardoCaetano  6 місяців тому

      @@PARTIUAPRENDERDESIGN TMJ parceiro, que bom que deu certo aí, rs...
      E sobre o curso, veja sim, se fizer sentido pra você, será um prazer te receber por lá.

  • @conteudonetBR
    @conteudonetBR 3 місяці тому +1

    Video pra quem esta começando e rápido demais.

    • @BernardoCaetano
      @BernardoCaetano  2 місяці тому

      Kkkkk, não sei nem o que te responder brother...
      É incrível como pessoas a toa como você, perde tempo criticando o trabalho dos outros sem fundamento algum. Este vídeo tem ajudado uma galera e quem tem dúvida eu sempre respondo.
      Engraçado que só você reclamou aqui, logo posso concluir que o problema é você e não o meu vídeo.
      Aproveita e já me faça um favor: não assista mais nenhum vídeo meu, vou te agradecer imensamente, rs... TMJ!

  • @alleprime
    @alleprime 5 місяців тому +1

    top!!!👋👋

  • @leandrodomingues804
    @leandrodomingues804 4 місяці тому +1

    Muito brabo

  • @designerdelogos
    @designerdelogos 10 місяців тому +1

    Só uma dúvida mestre, e quando o site fica scrolldado, tipo apos fazer este efeito a barra do navegador para mobile fica scrolando para os lados parecendo que fica solto o site, tem alguma forma de ajustar isso?

    • @BernardoCaetano
      @BernardoCaetano  10 місяців тому +1

      Opa, parceiro! Nesse caso você precisa ativar o transbordar > oculto. Falo sobre isso no minuto 05:55. Se mesmo assim o scroll horizontal estiver aparecendo, você precisará colocar um código extra (vou trazer isso num próximo vídeo aqui no canal). Mas só de ativar essa questão, acredito que já resolverá o problema sim.

  • @hugogarciafotografo
    @hugogarciafotografo 2 місяці тому +1

    caetanoo!!
    fiz no meu site e deu mt certo, porém quando duplico, o segundo não funciona
    roda apenas 1
    mesmo fazendo do zero novamente ele não anima
    o que pode ser?

    • @BernardoCaetano
      @BernardoCaetano  2 місяці тому

      Opa, irmão! Tudo certo?
      Olhando assim por comentário fica difícil de dizer o que é exatamente, mas qual das opções do vídeo você está fazendo?

  • @agenciabmid
    @agenciabmid 8 днів тому +1

    no meu site aqui ficou com uma rolagem horizontal infinita como ajusto isso

    • @BernardoCaetano
      @BernardoCaetano  9 годин тому

      Opa, tudo certo?
      Você precisa fazer o que explico no minuto 05:55, ou assistir esse vídeo aqui que vai resolver também:
      ua-cam.com/video/CI1DFK5-UHQ/v-deo.html

  • @MarcosVeiga-y9b
    @MarcosVeiga-y9b 26 днів тому +1

    meu site ficou com a lateral infinita pra direita. O que será que eu fiz de errado?

    • @BernardoCaetano
      @BernardoCaetano  20 днів тому

      Opa, parceiro! Beleza?
      Você fez o que eu falo no minuto 05:55?
      Se mesmo fazendo não funcionar, faz o que falo nesse vídeo aqui:
      ua-cam.com/video/CI1DFK5-UHQ/v-deo.html

  • @radiokilegal
    @radiokilegal Місяць тому +1

    muito bom, no mobile nao consegui deixar na medida da tela, ficou passando

    • @BernardoCaetano
      @BernardoCaetano  Місяць тому

      Opa, ficou com barras horizontais?
      Segue o que falo no minuto 05:55 ou assiste esse vídeo aqui para remover:
      ua-cam.com/video/CI1DFK5-UHQ/v-deo.html
      Espero que te ajude, rs...

    • @radiokilegal
      @radiokilegal Місяць тому +1

      AH, opção transbordar/oculto 06:01

    • @BernardoCaetano
      @BernardoCaetano  Місяць тому

      @@radiokilegal issooo, rs! Boaa! Dessa forma vai resolver.

  • @soucaiocesar
    @soucaiocesar Місяць тому +1

    tentei de tudo, revirei os comentários e nada de dar certo, coloco o código:
    selector{
    white-space: nowrap;
    }
    mas nada muda. :(

    • @BernardoCaetano
      @BernardoCaetano  20 днів тому

      Opa, irmão! Você está aplicando o código no texto?

  • @gabrielmachado4218
    @gabrielmachado4218 24 дні тому +1

    esse selector{
    white-space: nowrap;
    } nao funciona de jeito nehum no meu elementor n sei pq

    • @BernardoCaetano
      @BernardoCaetano  20 днів тому

      Opa, parceiro! Você está aplicando no widget de texto?

  • @polianamuniz6740
    @polianamuniz6740 8 місяців тому +1

    Conteúdo sensacional! Me ajudou demaisss!
    Agora tenho uma dúvida: o que poderia ser feito pra animação rodar na direção contrária? Ela está da esquerda para a direita e ficaria da direita para a esquerda.

    • @BernardoCaetano
      @BernardoCaetano  8 місяців тому +1

      Olá, Poliana! Obrigado pelo feedback!
      Eu até comentei sobre isso no vídeo, mas acabei não fazendo porque não era o intuito, mas eu vou adicionar na página onde está o código, a opção para fazer o contrário.
      Aviso quando eu conseguir atualizar no link! :)

    • @techgamers6222
      @techgamers6222 7 місяців тому +1

      @@BernardoCaetano Adicionou na página? eu até tentei mudar no codigo mas sem sucesso

    • @BernardoCaetano
      @BernardoCaetano  7 місяців тому

      @@techgamers6222 ainda não, mas vou providenciar isso no FDS, deixa comigo, HAHAHA

    • @techgamers6222
      @techgamers6222 7 місяців тому +1

      @@BernardoCaetano Eu consegui fazer, fiquei um bom tempo analisando o código, e conseguir mudar, vlw

    • @BernardoCaetano
      @BernardoCaetano  7 місяців тому

      @@techgamers6222 top demais irmão, acabei de ajustar o código, HAHAHA, vou atualizar no link.

  • @JulianoSimch
    @JulianoSimch 3 місяці тому +1

    bommm demais! Obrigado pela ajuda. Infelizmente no meu mobile não tá rodando :( Mas no desktop ficou certinho!

    • @BernardoCaetano
      @BernardoCaetano  2 місяці тому

      Opa, irmão! Você está usando algum plugin de cache? Exemplo: WP Rocket. Se sim, você precisa colocar o script nas exceções de Adiar e Atrasar JavaScript, porque senão ele só vai rodar depois que você tocar na página / tela.

  • @jokastudios
    @jokastudios 8 місяців тому +1

    O scrolling de reta animada não aparece no celular? Tentei aplicar aqui, só aparece essa animação no Desktop, no mobile não, tem como você me ajudar?

    • @BernardoCaetano
      @BernardoCaetano  8 місяців тому +1

      Opa, irmão! Funciona normalmente em todos os dispositivos.
      Verifique se não é cache (caso você esteja utilizando algum plugin de cache). Vale a pena testar também na anônima.
      Outro detalhe importante é: se você por exemplo, estiver usando o WP Rocket, precisa colocar a URL do JavaScript nas exceções.

    • @jokastudios
      @jokastudios 8 місяців тому +1

      @@BernardoCaetano Obrigado por me responder, vou tentar aqui. Valeu

    • @BernardoCaetano
      @BernardoCaetano  8 місяців тому

      @@jokastudios TMJ! Depois conta se deu certo, HAHA

  • @maelothn
    @maelothn 4 місяці тому +1

    Salve Bernado, segui todo o tutorial, coloquei o script no meu servidor e quando abro a aba anonima o efeito de animação tanto para esquerda quanto para direita não funciona e outra, não uso nenhum plugin de cache como vi você citando em outros comentários. O que pode ser?

    • @BernardoCaetano
      @BernardoCaetano  4 місяці тому +1

      Opa, irmão! Veja se você aplicou as classes e os códigos corretamente pois era para funcionar.
      Pode tá faltando alguma coisa, tenta assistir novamente e validar todas as configurações certinho.

    • @maelothn
      @maelothn 4 місяці тому +1

      @@BernardoCaetano Outra coisa que estava acontecendo é que na versão mobile o site não estava fixo. Mas irei assistir tudo novamente

    • @BernardoCaetano
      @BernardoCaetano  4 місяці тому

      @@maelothn opa, brother! Faça o que eu falo no minuto 05:55, ou assista esse vídeo: ua-cam.com/video/CI1DFK5-UHQ/v-deo.html

  • @speck_edu
    @speck_edu 5 місяців тому +1

    Irmão me ajuda, fiz a faixa mas agora o texto ta vazando pra lateral direita... no desktop e no mobile, como corrigir esse erro?

    • @BernardoCaetano
      @BernardoCaetano  5 місяців тому

      Opa, irmão! Para corrigir isso, você pode fazer o que falei no minuto 05:55, ou então pode fazer o que eu falo nesse vídeo aqui:
      ua-cam.com/video/CI1DFK5-UHQ/v-deo.html
      TMJ, espero que dê certo!

  • @joseMaria-yf4pj
    @joseMaria-yf4pj 10 місяців тому +1

    top conteúdo

  • @Eduardo-Pereira777
    @Eduardo-Pereira777 7 місяців тому +1

    e no celll ?

    • @BernardoCaetano
      @BernardoCaetano  6 місяців тому

      Opa, irmão! Funciona normalmente no celular.

  • @agenciafdmidia8747
    @agenciafdmidia8747 9 місяців тому +2

    No mobile o efeito não esta funcionado oq poderia ser?

    • @BernardoCaetano
      @BernardoCaetano  9 місяців тому

      Opa, irmão! Deveria estar, o código funciona normalmente em qualquer tamanho de tela.
      Se estiver usando plugin de cache, verifique se não é isso!

    • @agenciafdmidia8747
      @agenciafdmidia8747 9 місяців тому +1

      Não estou usando nenhum plugin de cache

    • @BernardoCaetano
      @BernardoCaetano  9 місяців тому

      Então realmente é estranho, pois o código é o mesmo que uso aqui, rs... E não vi ngm mais reportando esse problema no mobile, tenta refazer o processo parceiro.

    • @coletivoaprendizado
      @coletivoaprendizado 7 місяців тому +2

      @@BernardoCaetano no meu tbm nao funciona no mobile e testei com 8 pessoas ninguem ve o scroll animado...se eu achar alguma soluçao posto aqui valeu pela generosidade em compartilhar seu conhecimento

    • @BernardoCaetano
      @BernardoCaetano  7 місяців тому

      ​@@coletivoaprendizado opa, irmão! Beleza? Então... na verdade não existe uma solução, porque já funciona no mobile.
      Um detalhe importante é que se você estiver abrindo o site direto no celular e não interagir com a página, pode ser que ela fique parada mesmo, porque você precisa interagir para que o script seja acionado.
      Aproveitei e abri um ambiente que tenho com essa faixa, que inclusive é exatamente a mesma que ensino no vídeo. Acredito que possa ser essa questão da interação ou outra configuração do seu ambiente.
      Importante: se estiver usando WP Rocket, não esqueça de excluir a URL do script no Atrasar e Adiar JavaScript, e se você tiver usando LiteSpeed, a mesma coisa.

  • @guilvi1
    @guilvi1 10 місяців тому +1

    Tive um problema: ao inserir o código minha página ficou com um espaço branco na direita, como se tivesse texto até o fim da tela. Como resolver isso?

    • @BernardoCaetano
      @BernardoCaetano  10 місяців тому

      Opa, parceiro! Nesse caso você precisa ativar o transbordar > oculto. Falo sobre isso no minuto 05:55.

  • @danielpierrelus8318
    @danielpierrelus8318 6 місяців тому +1

    Opa vídeo topo , mas o meu não faz o movimento não sei se é pq eu não salvei o scripts mas se for isso pode me mandar o link do vídeo onde falar sobre como salva o scripts por favor

    • @BernardoCaetano
      @BernardoCaetano  6 місяців тому

      Opa, irmão! Não entendi muito bem... você fez todo o passo a passo do vídeo, mas ele não roda?
      Se você estiver usando algum plugin de cache, você precisa colocar o script nas exceções para que ele funcione perfeitamente.

  • @tarinpaletes
    @tarinpaletes 9 місяців тому +1

    Bernardo, mais um video top ! Me ajuda a resolver uma parada aqui ... as faixas da diagonal com movimento de scrool (parte final do vídeo) , do lado direito da tela, as faixas acabam antes do final do monitor. Do lardo esquerdo está suave. Eu dei uma geral para ver o que poderia ser... os containers estão com largura total, deixei como transbordar oculto, etc... Deve ser algo bobo, mas não achei ..kkk... abs !

    • @BernardoCaetano
      @BernardoCaetano  9 місяців тому +1

      Opa, irmão! Obrigado pelo feedback. Lendo assim fica difícil, mas vamos tentar, kkkk. 2 opções que você pode tentar aí:
      1. Colocar uma margem negativa na direita dessa faixa / container.
      2. Aumentar o valor da propriedade scale do código CSS.
      Espero que ajude, rs...

    • @tarinpaletes
      @tarinpaletes 9 місяців тому +1

      Ajudou sim ! Deu certo mexendo na margem negativa, obrigado. Fui curioso e mexi neste scale .. aumenta e diminui a faixa, show de bola. Abs !@@BernardoCaetano

    • @BernardoCaetano
      @BernardoCaetano  9 місяців тому

      Que bom que deu certo irmão! É isso aí, tem que ser curioso mesmo, HAHAHAHA. Abraço!

  • @samuelalves1748
    @samuelalves1748 6 місяців тому +1

    Tem que ter o elementor PRO?

    • @BernardoCaetano
      @BernardoCaetano  6 місяців тому

      Opa, parceiro! Não precisa, dá pra fazer com o Elementor Free.

  • @lucasemanoel2901
    @lucasemanoel2901 9 місяців тому +1

    FODA!

  • @kemmycosta3146
    @kemmycosta3146 11 місяців тому +1

    Oiee, não foi possível localizar os códigos no link que anexou na descrição...

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

      Opa, pode tentar agora! rs... Obrigado por avisar, já corrigi! 😅

    • @kemmycosta3146
      @kemmycosta3146 11 місяців тому +1

      @@BernardoCaetano Showw! Obrigada, conteúdo topp 👏👏👏

    • @BernardoCaetano
      @BernardoCaetano  11 місяців тому +1

      Obrigado pelo feedback!

  • @emmerson_.dev_.84
    @emmerson_.dev_.84 12 днів тому +1

    o meu não ta funcionando no mobile.

    • @BernardoCaetano
      @BernardoCaetano  12 днів тому +1

      Opa, parceiro! Beleza?
      Qual das faixas que eu falo no vídeo você fez?

    • @emmerson_.dev_.84
      @emmerson_.dev_.84 11 днів тому +1

      @@BernardoCaetano A faixa reta animada.

    • @BernardoCaetano
      @BernardoCaetano  9 днів тому

      @ ela não se movimenta, é isso? Verifique se você esqueceu de adicionar o JavaScript na exclusão de algum plugin de cache, caso você esteja usando, exemplo: WP Rocket.

  • @lnteligenciarica
    @lnteligenciarica 9 місяців тому +1

    Fala irmão para deixar o Feedback, ficou top minha pagina, uma duvida o efeito de movimento ficou muito rapido, como faço deixar ele mais lento.

    • @BernardoCaetano
      @BernardoCaetano  9 місяців тому +1

      Opa, irmão! Obrigado pelo feedback!
      Para deixar a velocidade do seu gosto é só alterar nessa parte do código o valor, ao invés de 10, você pode colocar um valor maior ou menor, de acordo com o seu gosto.
      Trecho do código:
      body{
      --speed: 10s;
      }

    • @lnteligenciarica
      @lnteligenciarica 9 місяців тому +1

      @@BernardoCaetano Muito obrigado irmão, sucesso

    • @BernardoCaetano
      @BernardoCaetano  9 місяців тому

      TMJ demais!

  • @Shoggum
    @Shoggum 7 місяців тому +1

    Olá, tudo bem? Vc tem algum pack de páginas?

    • @BernardoCaetano
      @BernardoCaetano  7 місяців тому

      Opa, não tenho irmão. Tenho somente meu curso online onde ensino como criar Landing Pages de alto nível!

  • @ola.gustavo
    @ola.gustavo 8 місяців тому +1

    Salve Caetano, tudo bom? bem bacana sua didática!
    Me tira uma dúvida, esses scripts pesam muito o carregamento da página? tenho dado muito valor pra otimização de velocidade das minhas LPs.

    • @BernardoCaetano
      @BernardoCaetano  8 місяців тому +1

      Fala irmão, beleza? Cara... vai depender muito da quantidade e também de todo o restante, de como o projeto foi desenvolvido, etc...
      A otimização tá ligada a uma junção de fatores, mas se você tiver somente esse script por exemplo, não vai te afetar em praticamente nada.
      Recomendo sempre colocar os scripts no seu próprio servidor, nesse vídeo aqui tem uma parte que mostro como fazer:
      ua-cam.com/video/VysOOxPNK0Y/v-deo.html

  • @aodestino
    @aodestino 4 місяці тому +1

    Alguem sabe o pq fica com a barra de scroll?

    • @BernardoCaetano
      @BernardoCaetano  4 місяці тому

      Opa, tudo certo?
      No Container que está a tarja, você precisa ir na aba Layout > Opções Adicionais > Transbordar > Oculto. Falei disso no minuto 05:55.
      Ou você pode assistir esse vídeo aqui para corrigir em todo seu ambiente WordPress:
      ua-cam.com/video/CI1DFK5-UHQ/v-deo.html

  • @oguigacreative
    @oguigacreative 8 місяців тому +1

    Por isso é melhor

  • @Endrickeidneddje
    @Endrickeidneddje 10 місяців тому +1

    Segui o passo a passo mas n está funcionando, funciona apenas na minha vizualização, mas quando vou acessar na guia anonima não funciona, não estou utilizando nenhum plugin ded cache

    • @BernardoCaetano
      @BernardoCaetano  10 місяців тому

      Opa, irmão! Se está funcionando no editor, deveria funcionar ao acessar o site normalmente. Se estiver visualizando pelo preview, tente acessando o próprio link do site. E se estiver com a Cloudflare, tente limpar o cache por lá, mas muito provavelmente não é isso.
      Te recomendo a revisar todos os passos.

    • @Endrickeidneddje
      @Endrickeidneddje 10 місяців тому +1

      @@BernardoCaetano está funcionando somente no editor e no preview, estou fazendo pelo wordpress hostinger

    • @BernardoCaetano
      @BernardoCaetano  10 місяців тому

      Ah sim irmão... realmente é estranho, pois todos que seguiram o vídeo comentou que deu certo, rs.

    • @lucas_whp
      @lucas_whp 10 місяців тому +1

      Pode ser algum plugin de otimização, ou uma config do proprio elementor que otimiza os arquivos css (Elementor > Configurações > Recursos - vai estar em algum lugar da lista)

    • @BernardoCaetano
      @BernardoCaetano  10 місяців тому +1

      Boaaa irmão, confesso que os recursos nunca me atrapalharam, mas vai que... kkkk. Talvez Valmir, você pode desativar esse recurso aqui em específico. Vai em Elementor > Configurações > Recursos e desativa o: "Carregamento de CSS melhorado", veja se tem alguma semelhança. Vale a pena testar... rs

  • @criativardesign1702
    @criativardesign1702 4 місяці тому +1

    NO MOBILE ESTÁ BUGANDO, A PÁGINA ESTÁ SAINDO PRO LADO, COMO RESOLVER?

    • @BernardoCaetano
      @BernardoCaetano  4 місяці тому

      Opa, tudo certo?
      No Container que está a tarja, você precisa ir na aba Layout > Opções Adicionais > Transbordar > Oculto. Falei disso no minuto 05:55.
      Ou você pode assistir esse vídeo aqui para corrigir em todo seu ambiente WordPress:
      ua-cam.com/video/CI1DFK5-UHQ/v-deo.html

  • @mactulio
    @mactulio 10 місяців тому +1

    Colei:
    selector{
    white-space: nowrap;
    }
    Mas ele insiste em deixar um barra horizontal. O que fiz de errado?

    • @BernardoCaetano
      @BernardoCaetano  10 місяців тому +1

      Opa, Marcos! Beleza? No Container que está a tarja, você precisa ir na aba Layout > Opções Adicionais > Transbordar > Oculto. Falei disso no minuto 05:55.

    • @lucas_whp
      @lucas_whp 10 місяців тому +1

      selector{
      white-space: nowrap;
      overflow: hidden;
      }

    • @BernardoCaetano
      @BernardoCaetano  10 місяців тому +2

      Boaaa irmão! HAHAHA... ensino a questão do overflow via próprio Elementor, usando o Transbordar > Oculto, no minuto 05:55, kkkk. Mas o overflow: hidden é super válido!

    • @lucas_whp
      @lucas_whp 10 місяців тому +1

      @@BernardoCaetano não tinha visto o video todo e nao sabia dessa kkkk valeu pela dica!

  • @maycon9856
    @maycon9856 10 місяців тому +1

    funcionou apenas na página de edição do elementor. Alguma dica?

    • @BernardoCaetano
      @BernardoCaetano  10 місяців тому

      Opa, irmão! Se você tiver usando algum plugin de cache, você precisa colocar a URL do script nas exceções. Se não tiver usando plugin de cache, tenta dar uma olhada novamente para ver se tá tudo certo. Mas se roda no editor, deveria rodar fora, bem provável que seja plugin de cache, rs...

    • @maycon9856
      @maycon9856 10 місяців тому +1

      @@BernardoCaetano Sim, utilizo rs. Eu havia limpado todo cache, mas não deu certo. Vou adicionar a url do script nas exceções pra ver

    • @BernardoCaetano
      @BernardoCaetano  10 місяців тому

      Boa, faz esse teste que vai dar certo! rs...

    • @lucas_whp
      @lucas_whp 10 місяців тому +1

      Pode ser algum plugin de otimização, ou uma config do proprio elementor que otimiza os arquivos css (Elementor > Configurações > Recursos - vai estar em algum lugar da lista)

  • @CursodeTypebot
    @CursodeTypebot 4 місяці тому +1

    +1 inscrito

  • @berocck
    @berocck 7 місяців тому +1

    No meu não funcionou :( limpei cache, refiz todo o passo a passo mas não vai

    • @BernardoCaetano
      @BernardoCaetano  7 місяців тому

      Opa, parceiro! Tudo certo? Você está usando o WP Rocket? Se sim, precisa adicionar nas exceções de adiar e atrasar JavaScript.
      Tem que dar certo, pois deu certo com todo o restante da galera, HAHAHA.

  • @AfonsoJunioASAPBUY
    @AfonsoJunioASAPBUY 10 місяців тому +1

    os código não estão dando, sumiu o java script :(

    • @BernardoCaetano
      @BernardoCaetano  10 місяців тому

      Opa, irmão! Já foi corrigido, confere aê!

    • @AfonsoJunioASAPBUY
      @AfonsoJunioASAPBUY 9 місяців тому +1

      @@BernardoCaetano Show irmão, obrigado!!!! ganhou mais um inscrito! conteúdo top!!!

    • @BernardoCaetano
      @BernardoCaetano  9 місяців тому

      TMJ demais irmão!

  • @SiqueiraXBR
    @SiqueiraXBR 2 місяці тому +1

    Que estranho! Para mim a faixa funciona, mas para outras pessoas, principalmente no Chrome e no Android, n tá mexendo.

    • @BernardoCaetano
      @BernardoCaetano  2 місяці тому

      Opa, irmão!
      Para tirar a barra de scroll horizontal, você precisa fazer o que eu falo no minuto 05:55.
      Ou você pode assistir esse vídeo aqui, para resolver todos os problemas de barra de scroll horizontal no seu projeto:
      ua-cam.com/video/CI1DFK5-UHQ/v-deo.html

  •  6 місяців тому +1

    Excelente vídeo!
    Eu fiz aqui e deu certo, mas mesmo colocando o oculto no transbordar, ainda dá uma vazadinha pro canto direito. :(

    • @BernardoCaetano
      @BernardoCaetano  6 місяців тому +1

      Opa, irmão! Obrigado pelo feedback.
      Dá uma olhada aqui no canal, que tem um vídeo para você corrigir scroll horizontal de uma vez por todas, HAHAHA.

    •  6 місяців тому +1

      @@BernardoCaetano pow, fiz aqui e rolou, bom demais! Valeuzão!

    • @BernardoCaetano
      @BernardoCaetano  6 місяців тому

      Boaaa irmão! Tem que funcionar mesmo, HAHAHA

  • @aprendizdeummateiro3245
    @aprendizdeummateiro3245 10 місяців тому +1

    Os codigos sumiu

    • @BernardoCaetano
      @BernardoCaetano  10 місяців тому

      Opa, irmão! Obrigado por avisar, já corrigi! 😜

  • @danilo.mamedes
    @danilo.mamedes 5 місяців тому +1

    Eu Faço isso de forma dinâmica com JS, crio o texto 1 vez e o resto deixo com Java Script fazer , sem a necessidade de ficar repetindo texto e animando

    • @BernardoCaetano
      @BernardoCaetano  5 місяців тому

      Fala brother! Tranquilo? Não sei se você viu o tutorial completo, mas nesse tutorial eu mostro 3 ou 4 formas de fazer a faixa animada (não me recordo 100% agora), mas uma delas quem faz a repetição é o próprio JS.
      O importante não é como fazer irmão, e sim funciona. E é o que tem acontecido com todos que seguem o tutorial, rs...
      TMJ!

    • @danilo.mamedes
      @danilo.mamedes 5 місяців тому +1

      @@BernardoCaetano errei na hora de digitar, quis dizer eu faço de forma dinâmica com js😂, desculpe

    • @BernardoCaetano
      @BernardoCaetano  5 місяців тому

      @@danilo.mamedes HAHAHA, suave irmão!

  • @RendaeRealidade
    @RendaeRealidade 8 місяців тому +1

    Faz o vídeo com a segunda faixa indo ao contrario tentei ajuda do GPT e nada e olha que não sou burro kkkk

    • @BernardoCaetano
      @BernardoCaetano  8 місяців тому

      HAHAHAHAHA. Já estou preparando um vídeo adicional a esse aqui irmão, deixa comigo!
      E obrigado pela sugestão, TMJ!