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.
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.
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!
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!!
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!
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!
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.
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
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?
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?
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.
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?
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
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?
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.
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
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 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.
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 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á.
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!
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?
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.
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?
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
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
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...
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.
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! :)
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.
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.
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?
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.
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!
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.
@@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
@@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.
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
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.
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 !
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...
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
@ 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.
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; }
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.
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
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
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
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.
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)
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
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
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.
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!
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...
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)
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.
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. :(
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
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!
🚀 Entre para o MIP, o meu curso de Landing Pages:
becaetano.com.br/mip-yt
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.
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!
DEU MUITO CERTO!! valorizou muito o meu site cara, parabéns!
Opa, que legal! Fico feliz que deu certo pra você, rs...
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.
Opa, irmão! Muito obrigado pelo feedback.
Fico feliz em ter ajudado e de saber que deu certo, HAHAHA.
TMJ demais!
Meu irmão, o cara é fera.
Opa, obrigado pelo feedback!
TMJ demais!
Muito bom! Parabéns pelo tutorial!
Opa, irmão! Obrigado pelo feedback, TMJ!
Top, faz dias que estava procurando uma solução melhor pro marquee. +1 inscrito
Que bom que te ajudou brother, tmj!!!
Ai sim hein mano era EXATAMENTE isso que eu tava procurando, valeu e ganhou +1 inscrito
Opa, brother! Que bom que encontrou o que procurava, HAHAHA, TMJ demais!
vídeo favoritado, que tutorial foda !!! Parabéns pelo trabalho e pela iniciativa de ajudar o próximo !
Opa, irmão! Muito obrigado pelo feedback, fico feliz que tenha curtido o tutorial.
TMJ demais!
Deu certo! Likezão! Direto ao ponto sem enrolação
Aí simmmm, HAHAHA. Obrigado pelo feedback irmão! TMJ!
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!
Opa, irmão! Fico feliz que tenha dado certo aí pra você! TMJ demais e obrigado pelo feedback!
braboooooo! Ganhou um like e um seguidor. Parabéns mano, vc manda muiito bem
Opa, irmão! Muito obrigado pelo feedback, rs.
TMJ demais!
Posso falar? Baita tutorial Valeu irmão!
Opa, TMJ demais irmão!
Obrigado pelo feedback.
Top demais!! Deu super certo aqui 🚀
Boaaa mestre!
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!!
Opa, irmão! TMJ! HAHAHA
cara tu é fda sai do emprego e hoje vou fazer minha 1° reuniao fechando vou pegar seu curso🥳🥳🥳
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!
conseguiu fechar?
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!
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.
A minha faixa fica escapando da tela quando eu dou o scale e a inclinação, criando um scroll horizontal mesmo colocando oculto.
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
Excelente aula, funcionou!!!
Top demais irmão, que bom que deu certo aê, TMJ!
Tu é brabo!
TMJ demais irmão!
Valeu demais, mano. Deus abençoe
Opa, irmão! TMJ demais!
Show... Ganhou mais um inscrito! Sucesso ao canal!
Opa, obrigado pelo feedback parceiro!
TMJ demais e espero que tenha dado certo aí pra você.
Ahazou Berrr, aula foda
Valeu VA! Que legal te ver por aqui, HAHAHA.
TMJ demais!
melhor canal do yt irmao
Opa, valeu parceiro! TMJ!
Muito obrigado! Sucesso pra você 💯
Valeu demais! TMJ! rs
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?
Opa, irmão! Obrigado pelo feedback!
Você pode corrigir isso fazendo o que falo no minuto 05:55, rs...
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?
Opa, irmão! Beleza? Você fez o que eu explico no minuto 22:35? rs...
Que vídeo top meu brother! parabéns.
Opa, irmão! Muito obrigado pelo feedback, TMJ demais!
Show!
Opa, irmão!
TMJ!
bem acredito que vc tá no yt tb, só te acompanhava pelo insta
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.
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?
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
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?
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.
Muito bom. Mais um inscrito 👏👏
Opa, irmão! Obrigado demais pelo feedback!
Opa, por conta da barra "infinita" no mobile fica bem maior na horizontal ocasionando uma parte branca, como resolver?
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
e se eu quiser fazer isso com listing grid?
Opa, brother!
Você diz exibir na faixa um conteúdo dinâmico? Se for, você consegue sem problemas.
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?
Opa, muito obrigado pelo feedback! Para corrigir isso, é só seguir o falo no minuto 05:55, rs...
@@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.
@@Rizo-b5x opa, aí sim parceiro! Os comentários ajudam muito, por isso sempre respondo a todos, rs... TMJ!
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?
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.
@@BernardoCaetano Cara, sensacional, obrigado de verdade! Vou até dar uma olhada no seu treinamento, deve ser excelente
@@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á.
Video pra quem esta começando e rápido demais.
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!
top!!!👋👋
Opa, valeu pelo feedback! rs...
Muito brabo
Opa, valeu irmão!
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?
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.
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?
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?
no meu site aqui ficou com uma rolagem horizontal infinita como ajusto isso
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
meu site ficou com a lateral infinita pra direita. O que será que eu fiz de errado?
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
muito bom, no mobile nao consegui deixar na medida da tela, ficou passando
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...
AH, opção transbordar/oculto 06:01
@@radiokilegal issooo, rs! Boaa! Dessa forma vai resolver.
tentei de tudo, revirei os comentários e nada de dar certo, coloco o código:
selector{
white-space: nowrap;
}
mas nada muda. :(
Opa, irmão! Você está aplicando o código no texto?
esse selector{
white-space: nowrap;
} nao funciona de jeito nehum no meu elementor n sei pq
Opa, parceiro! Você está aplicando no widget de texto?
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.
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! :)
@@BernardoCaetano Adicionou na página? eu até tentei mudar no codigo mas sem sucesso
@@techgamers6222 ainda não, mas vou providenciar isso no FDS, deixa comigo, HAHAHA
@@BernardoCaetano Eu consegui fazer, fiquei um bom tempo analisando o código, e conseguir mudar, vlw
@@techgamers6222 top demais irmão, acabei de ajustar o código, HAHAHA, vou atualizar no link.
bommm demais! Obrigado pela ajuda. Infelizmente no meu mobile não tá rodando :( Mas no desktop ficou certinho!
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.
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?
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.
@@BernardoCaetano Obrigado por me responder, vou tentar aqui. Valeu
@@jokastudios TMJ! Depois conta se deu certo, HAHA
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?
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.
@@BernardoCaetano Outra coisa que estava acontecendo é que na versão mobile o site não estava fixo. Mas irei assistir tudo novamente
@@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
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?
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!
top conteúdo
Obrigado pelo feedback irmão!
e no celll ?
Opa, irmão! Funciona normalmente no celular.
No mobile o efeito não esta funcionado oq poderia ser?
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!
Não estou usando nenhum plugin de cache
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.
@@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
@@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.
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?
Opa, parceiro! Nesse caso você precisa ativar o transbordar > oculto. Falo sobre isso no minuto 05:55.
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
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.
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 !
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...
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
Que bom que deu certo irmão! É isso aí, tem que ser curioso mesmo, HAHAHAHA. Abraço!
Tem que ter o elementor PRO?
Opa, parceiro! Não precisa, dá pra fazer com o Elementor Free.
FODA!
Valeu irmão, tmj demais!
Oiee, não foi possível localizar os códigos no link que anexou na descrição...
Opa, pode tentar agora! rs... Obrigado por avisar, já corrigi! 😅
@@BernardoCaetano Showw! Obrigada, conteúdo topp 👏👏👏
Obrigado pelo feedback!
o meu não ta funcionando no mobile.
Opa, parceiro! Beleza?
Qual das faixas que eu falo no vídeo você fez?
@@BernardoCaetano A faixa reta animada.
@ 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.
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.
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;
}
@@BernardoCaetano Muito obrigado irmão, sucesso
TMJ demais!
Olá, tudo bem? Vc tem algum pack de páginas?
Opa, não tenho irmão. Tenho somente meu curso online onde ensino como criar Landing Pages de alto nível!
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.
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
Alguem sabe o pq fica com a barra de scroll?
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
Por isso é melhor
HAHAHA, valeu demais irmão! TMJ!
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
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.
@@BernardoCaetano está funcionando somente no editor e no preview, estou fazendo pelo wordpress hostinger
Ah sim irmão... realmente é estranho, pois todos que seguiram o vídeo comentou que deu certo, rs.
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)
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
NO MOBILE ESTÁ BUGANDO, A PÁGINA ESTÁ SAINDO PRO LADO, COMO RESOLVER?
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
Colei:
selector{
white-space: nowrap;
}
Mas ele insiste em deixar um barra horizontal. O que fiz de errado?
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.
selector{
white-space: nowrap;
overflow: hidden;
}
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!
@@BernardoCaetano não tinha visto o video todo e nao sabia dessa kkkk valeu pela dica!
funcionou apenas na página de edição do elementor. Alguma dica?
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...
@@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
Boa, faz esse teste que vai dar certo! rs...
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)
+1 inscrito
Opa, aí simmm! TMJ demais!
No meu não funcionou :( limpei cache, refiz todo o passo a passo mas não vai
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.
os código não estão dando, sumiu o java script :(
Opa, irmão! Já foi corrigido, confere aê!
@@BernardoCaetano Show irmão, obrigado!!!! ganhou mais um inscrito! conteúdo top!!!
TMJ demais irmão!
Que estranho! Para mim a faixa funciona, mas para outras pessoas, principalmente no Chrome e no Android, n tá mexendo.
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
Excelente vídeo!
Eu fiz aqui e deu certo, mas mesmo colocando o oculto no transbordar, ainda dá uma vazadinha pro canto direito. :(
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.
@@BernardoCaetano pow, fiz aqui e rolou, bom demais! Valeuzão!
Boaaa irmão! Tem que funcionar mesmo, HAHAHA
Os codigos sumiu
Opa, irmão! Obrigado por avisar, já corrigi! 😜
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
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!
@@BernardoCaetano errei na hora de digitar, quis dizer eu faço de forma dinâmica com js😂, desculpe
@@danilo.mamedes HAHAHA, suave irmão!
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
HAHAHAHAHA. Já estou preparando um vídeo adicional a esse aqui irmão, deixa comigo!
E obrigado pela sugestão, TMJ!