Que aula maravilhosa . Era exatamente isso que eu queria . Porém quero deixar a barra fixa no topo. Mesmo rolando não quero que saia do lugar . Amei essa aaula. Obrigada
Obrigado pelo vídeo. Como colocar a função if(window.pageYOffset > 200), diferente para computador, tablet e mobile? A transição acontece em pontos diferentes.
Esse valor começa a contar do início da tela. Exemplo: 200 pixels A PARTIR DO TOPO, independentemente da resolução. Rodou 200 pixels para baixo, independente da largura daí ele começa a contar. Com certeza deve ser como fazer isso para cada resolução diferente, mas eu não pesquisei sobre isso ainda. Se fosse o CSS seria apenas necessário usar o media queries, mas no caso do javascript é preciso dar uma vasculhada para descobrir uma forma. Mesmo assim, eu acho que é um detalhe que não vale a pena o esforço, definindo um valor específico em pixels que fique bom para todos os tamanhos eu já acho ser o suficiente até para não sobrecarregar com javascript desnecessário e afetar a performance da página.
@@marcelordesigner obrigado pela resposta. No meu caso vale o esforço porque o layout do computador e mobile é diferente, no telemóvel deveria aparecer mais cedo do que no computador. Exemplo 200 px no computador e 100 px no mobile.
@@josemiranda7000 eu colocaria os dois para começar nos 100px ou então 150px. A animação vai começar um pouquinho antes do que nos 200px. Acho que a diferença vai ser bem pouca e você vai economizar tempo de pesquisa pelo código e também economizar o uso mesmo de código na página. Enfim… minha opinião 🙏🏻
Excelente vídeo, está me ajudando muito a melhorar minhas paginas. Poderia me ajudar com um problema? quando aplico um código css em mais de um contêiner no painel de edição do elementor funciona perfeitamente mas no site no ar somente o primeiro funciona
Verifica os IDs e classes CSS aplicados. Provavelmente este seja o erro. Se não for, é possível que tenha algo errado no código como algum ponto e vírgula ou chaves.
O meu curso é sobre tudo a respeito de criação e vendas de sites. No momento as vagas estão fechadas, mas você pode entrar na lista de espera através deste link: comunidadecelaoweb.com.br/
Marcelo tem alguma aula aqqui no canal qie ensine a calcular fuga da minha pagina ? Existe esta possibilidade de saber esta informacao? Vou começar a maratonar seu canal. LOl
@@marcelordesigner Eu tenho uma pressel como afiliado . Existe balguma maneira de saber se esta minha pagina de vendas está boa ou não? pois como é estrutura propria , não tenho como colocar link de rastreamento para saber quando alguém visitou. Estou começando do zero. e depois quero mesmo é fazer um curso pra aprender mais. Gosto muito desta área.
@@lilis3069 olha, na verdade voce precisa entender sobre estrutura de conversão. Essa é uma das coisas que ensino no meu treinamento do Jornada 10K com Sites. No momento as vagas estão fechadas e eu abro apenas algumas poucas vezes por ano. Faço essa abertura sempre após o meu workshop Jornada 10K com Sites, cadastre-se gratuitamente neste link para acompanhar: jornada10kcomsites.com.br/captura/?&J10KS3_YT&Org&
Fala Marcelo! Eu tenho um site de captaçao de leads mas gostaria de fazer uma "gambiarra" no elementor pro para não ter que contratar um CRM. Na verdade o que eu preciso são 3 campos em um form e gostaria de saber se existe uma maneira de oculta-los de quem preenche o form. Eu iria utiliza-lo para controle interno em "submissons" dentro do elementor
Consegue ocultar sim. É só criar um campo do tipo 'hidden' usando o form do elementor. Ele ficará oculto do usuário. Não sei exatamente o que você quer armazenar nesses campos, mas imagino que sejam as UTMs dos usuários. Se for isso, ao criar o campo do tipo 'hidden', você pode definir o conteúdo dos campos como dinâmico e então selecionar parâmetros do tipo GET para que possa armazenar o valor das variáveis de UTM (Se for para isso que você precisa mesmo). Abraço.
@@marcelordesigner na verdade são observações sobre o lead, além de id de matrícula em outro sistema, por isso esse campo não seria para os leads preencherem já que quem preenche essas informações é a equipe que cadastra ele em outro sistema. O fígado pela ajuda Marcelo. Nos vemos amanhã na live! Abraço!
Teremos uma nova turma em maio, após a imersão ‘Carreira Web Designer’. Cadastre-se neste link e acompanhe as aulas, que após elas você poderá entrar: bit.ly/CWDDescYTMai24/
Fala Marcelo, tenho dúvida, está funcionando certinho, só que quando passar 1 dia ou 2 aí preciso limpar o cache do WP Rocket para ele funcionar de novo, você sabe como resolver esse problema para o WP Rocket não apagar esse CSS?
Que show... Sabe o que eu queria muito aprender? Sei que vc não tem nenhuma obrigação de se ocupar com isso. Mas se puder anotar com carinho... Queria ter meu logo no meio, em cima do menu transparente, mas quando eu rolasse para baixo, o logo fosse para lado esquerdo normalmente e mudasse de cor. Acho que ficaria bem profissional. Estou montando meu portfólio ainda...
Basicamente com esse código da para fazer, mas aí depende de como você deseja fazer a mudança do logo. Vai depender se é um arquivo SVG ou imagem mesmo. Vou deixar anotado para num futuro de repente fazer algo mostrando isso 😀
Esse vídeo com certeza você só encontra em curso pago! Obrigado por compartilhar! Fiquei apenas com uma pequena dúvida, precisa ser Elementor PRO ou pode ser na versão Free?
Valeu amigo vamo que vamo! Sim, precisa do Elementor Pro. Mas se você não tiver ele, pode usar como alternativa gratuita o ProElements que é a mesma coisa e pode ser baixado através deste link: proelements.org/
![Como criar SOMBRAS PROFISSIONAIS em sites [REGRA 3767]](http://i.ytimg.com/vi/laoEZwlyPNc/mqdefault.jpg)
Marcelo, MUITO OBRIGADO IRMÃO! Eu raramente comento em vídeos aqui no RUclips, mas esse vídeo aqui foi de qualidade.
Excelente, como sempre Marcelão! Efeito sensacional
Valeu João que bom que curtiu mano! 🚀
Exemplo bem simples mas muito bem explicado Marcelão. Parabéns.
Valeu Paulo 😀🚀
Excelente aula prof marcelo, Você muito bem!
Valeu Kaian!
Que aula maravilhosa . Era exatamente isso que eu queria . Porém quero deixar a barra fixa no topo. Mesmo rolando não quero que saia do lugar . Amei essa aaula. Obrigada
Valeuuu
Marcelo muito obrigado, sua explicação e excelente e assim que puder vou fazer o seu curso!!!!
Esse conteúdo salvou a minha vida
Puxa que bom saber 😀 Obrigado amigo vamo pra cima 🚀🚀🚀
Muito top! Explicou super bem, parabén pelo conteúdo.
Valeu Otávio! Tamo junto!
Marcelo, você poderia fazer um vídeo ensinando como criar uma capa bonita para o behance usando o photoshop?
Boa! Gostei da sugestão
Obrigado pelo vídeo.
Como colocar a função if(window.pageYOffset > 200), diferente para computador, tablet e mobile? A transição acontece em pontos diferentes.
Esse valor começa a contar do início da tela. Exemplo: 200 pixels A PARTIR DO TOPO, independentemente da resolução. Rodou 200 pixels para baixo, independente da largura daí ele começa a contar.
Com certeza deve ser como fazer isso para cada resolução diferente, mas eu não pesquisei sobre isso ainda. Se fosse o CSS seria apenas necessário usar o media queries, mas no caso do javascript é preciso dar uma vasculhada para descobrir uma forma.
Mesmo assim, eu acho que é um detalhe que não vale a pena o esforço, definindo um valor específico em pixels que fique bom para todos os tamanhos eu já acho ser o suficiente até para não sobrecarregar com javascript desnecessário e afetar a performance da página.
@@marcelordesigner obrigado pela resposta. No meu caso vale o esforço porque o layout do computador e mobile é diferente, no telemóvel deveria aparecer mais cedo do que no computador. Exemplo 200 px no computador e 100 px no mobile.
@@josemiranda7000 eu colocaria os dois para começar nos 100px ou então 150px. A animação vai começar um pouquinho antes do que nos 200px. Acho que a diferença vai ser bem pouca e você vai economizar tempo de pesquisa pelo código e também economizar o uso mesmo de código na página. Enfim… minha opinião 🙏🏻
Excelente vídeo, está me ajudando muito a melhorar minhas paginas.
Poderia me ajudar com um problema? quando aplico um código css em mais de um contêiner no painel de edição do elementor funciona perfeitamente mas no site no ar somente o primeiro funciona
Verifica os IDs e classes CSS aplicados. Provavelmente este seja o erro. Se não for, é possível que tenha algo errado no código como algum ponto e vírgula ou chaves.
E como modifica a barra lateral, vocÊ tem algum vídeo Marcelo?
Olá amigo. Acho que o que você está perguntando é o que está neste vídeo: ruclips.net/video/Yju9M7B_5eo/видео.html
Obrigado mano, vc é foda!@@marcelordesigner
@@adamcooper4959 tamo junto irmão 👊🏻
Marcelo
o senhor tem algum curso sobre imagens.
?????
O meu curso é sobre tudo a respeito de criação e vendas de sites. No momento as vagas estão fechadas, mas você pode entrar na lista de espera através deste link: comunidadecelaoweb.com.br/
eu tenho dificuldades ainda sobre trabalho de imagens no PS
@@marcosgouvea1725 Photoshop é um dos módulos, ensino tudo do absoluto ZERO! Fique atento para participar da próxima turma.
Marcelo tem alguma aula aqqui no canal qie ensine a calcular fuga da minha pagina ? Existe esta possibilidade de saber esta informacao? Vou começar a maratonar seu canal. LOl
Desculpe não entendi sua pergunta?
@@marcelordesigner Eu tenho uma pressel como afiliado . Existe balguma maneira de saber se esta minha pagina de vendas está boa ou não? pois como é estrutura propria , não tenho como colocar link de rastreamento para saber quando alguém visitou.
Estou começando do zero. e depois quero mesmo é fazer um curso pra aprender mais. Gosto muito desta área.
@@lilis3069 olha, na verdade voce precisa entender sobre estrutura de conversão. Essa é uma das coisas que ensino no meu treinamento do Jornada 10K com Sites. No momento as vagas estão fechadas e eu abro apenas algumas poucas vezes por ano. Faço essa abertura sempre após o meu workshop Jornada 10K com Sites, cadastre-se gratuitamente neste link para acompanhar:
jornada10kcomsites.com.br/captura/?&J10KS3_YT&Org&
@@marcelordesigner Show . acabei de me increver e ja estou no grupo. Vou acomanhar as noticias lá. Muito obrigada
Fala Marcelo! Eu tenho um site de captaçao de leads mas gostaria de fazer uma "gambiarra" no elementor pro para não ter que contratar um CRM. Na verdade o que eu preciso são 3 campos em um form e gostaria de saber se existe uma maneira de oculta-los de quem preenche o form. Eu iria utiliza-lo para controle interno em "submissons" dentro do elementor
Consegue ocultar sim. É só criar um campo do tipo 'hidden' usando o form do elementor. Ele ficará oculto do usuário. Não sei exatamente o que você quer armazenar nesses campos, mas imagino que sejam as UTMs dos usuários. Se for isso, ao criar o campo do tipo 'hidden', você pode definir o conteúdo dos campos como dinâmico e então selecionar parâmetros do tipo GET para que possa armazenar o valor das variáveis de UTM (Se for para isso que você precisa mesmo).
Abraço.
@@marcelordesigner na verdade são observações sobre o lead, além de id de matrícula em outro sistema, por isso esse campo não seria para os leads preencherem já que quem preenche essas informações é a equipe que cadastra ele em outro sistema. O fígado pela ajuda Marcelo. Nos vemos amanhã na live! Abraço!
@@sachello valeu mano tamo junto
Você é muito fera
Valeu amigão! Eu sou exatamente igual a você, não sou melhor que ninguém não. Só estou na luta junto melhorando todos os dias um pouco mais! 🚀
Marcelo, Muito bom. A LP do meu cliente ficou animal ! Quando abre as vagas novamente?
Teremos uma nova turma em maio, após a imersão ‘Carreira Web Designer’. Cadastre-se neste link e acompanhe as aulas, que após elas você poderá entrar: bit.ly/CWDDescYTMai24/
Fala Marcelo, tenho dúvida, está funcionando certinho, só que quando passar 1 dia ou 2 aí preciso limpar o cache do WP Rocket para ele funcionar de novo, você sabe como resolver esse problema para o WP Rocket não apagar esse CSS?
Configurações de cache incorretas, pode ser no WpRocket, na hospedagem ou até na CDN.
Que show...
Sabe o que eu queria muito aprender?
Sei que vc não tem nenhuma obrigação de se ocupar com isso. Mas se puder anotar com carinho...
Queria ter meu logo no meio, em cima do menu transparente, mas quando eu rolasse para baixo, o logo fosse para lado esquerdo normalmente e mudasse de cor.
Acho que ficaria bem profissional.
Estou montando meu portfólio ainda...
Basicamente com esse código da para fazer, mas aí depende de como você deseja fazer a mudança do logo. Vai depender se é um arquivo SVG ou imagem mesmo. Vou deixar anotado para num futuro de repente fazer algo mostrando isso 😀
Show de mais
Valeu tamo junto
Esse vídeo com certeza você só encontra em curso pago! Obrigado por compartilhar! Fiquei apenas com uma pequena dúvida, precisa ser Elementor PRO ou pode ser na versão Free?
Valeu amigo vamo que vamo! Sim, precisa do Elementor Pro. Mas se você não tiver ele, pode usar como alternativa gratuita o ProElements que é a mesma coisa e pode ser baixado através deste link: proelements.org/
estou com a ultima versao do elementor mas nao rolou esse script. deve estar bugada minha versao
Reconfere tudo. Provavelmente algum erro em parte do código.
Achei o erro, classlist estava com L minusculo. que desatenção.
@@douglascosta3508 faz parte. Quando se mexe com programação cada detalhe importa.
copiei o mesmo código, segui o passo a passo, porem não deu certo. Posso estar errando alguma parte do código, ou preciso adaptar ?
Confere tudo de novo. Se não funciona tem algo errado.
poisé. já tentei várias vezes. Pode ter algum problema na minha instalação do Wordpress /?@@marcelordesigner
@@williambarbosa4784 provável que seja outra coisa. Talvez outro código que usou e não necessariamente esse. Revise tudo com atenção.
💯
💥