Passando aqui pra agradecer pelo seu conteúdo, Cipa! Participei das lives de LPV e foram sensacionais as aulas. Desde então, estou sempre assistindo seus vídeos aqui e encontrando a mesma forma simples e objetiva de ensinar detalhes muito relevantes e que fazem diferença no trabalho com o Elementor! Sem contar o bom humor e a simpatia, que também fazem toda diferença. Valeu, mestre!
Como faria para que ao rolar a página ele alterasse a opção do menu de acordo com o ancora . Ex: tenho uma âncora de biografia que está lá em baixo .. ao ir rolando ele vai mostrando no menu todos as âncoras e quando chegar n BIOGRAFIA ele já estaria selecionado no menu
Conheci você, agora estou premencionada com seu talento, não sabia nada sobre css quero aprender também. Estou aprendo fazer sites mais sem códigos. Mais, sim, fica perfeito, será se eu comprar seu curso vou conseguir aprender? Muito difícil esses códigos, como lembrar de tudo isso haha
Ótimo 👏👏👏 Tem alguma maneira de troca o Logo (com imagem) quando der o scroll? Eu fiz uma tentei umas bambiarras, puxando o logo com css, mas não ficou muito bom!
Eu sei que já tem 8 meses seu comentário, mas não custa respondê-lo, porque pode ajudar alguém. Coloca sua imagem normalmente em um widget de imagem e copia o link da imagem que quer trocar. Depois de colocar a imagem, vai em avançado e coloca a classe "logo" no campo Classes CSS. Vai depois em Custom CSS e coloca esse código abaixo, lembrando de colocar o link da sua imagem que quer trocar no campo entre parênteses e aspas. Me diz se conseguiu depois. /*muda a imagem*/ .header.elementor-sticky--effects .logo{ content: url("colocar o link da sua imagem aqui") !important; }
Parabéns pelo conteúdo muito bem explicado, porem tenho uma duvida no meu caso preciso diminuir a imagem que seria o logo , dentro do código altero de svg para png por exemplo?
Cipa,você é o cara! Eu usei esse codigo do video para deixar fixo o menu de uma pagina que estou fazendo e tambem ter o efeito de blur. Mas esta ocorrendo o seguinte problema: toda vez que eu redimensiono o navegador a barra do menu fica com o tamanho igual ao ultimo tamanho da tela do navegador. Sabe porque isso acontece e como resolver? OBS: Quando eu removo o codigo CSS a barra do menu não da problema.
Boa noite professor. Porque não aparece essa opção (Superior/inferior) no efeitos de movimentos depois que eu mudei pra Flexbox Container? Só aparece essa opção quando o Flexbox Container não está ativo. O que eu faço pra resolver?! Obrigado
![Novo! Como Criar um MENU FIXO que Muda de Cor e Logotipo ao Rolar a Página [Elementor]](/img/n.gif)
Top, funcionou, vou deixar o código abaixo:
selector {
transition: 0.5s;
}
selector.elementor-sticky--effects{ background: #00000050;
backdrop-filter: blur(20px);
webkit-backdrop-filter: blur(20px)
}
Ótimo video,
Cipa, e como seria pra fazer o menu vira uma lista suspensa(menu hamburguer) quando desse scroll?
Muito top, favoritei no Chrome
Brabo demais 😮
Te amo! ❤
Você é Feraaa de mas Cipa, sou seu fã e me espelho em você !!!
Caraca vc é muito bom nisso poxa não perco seu lançamento por nada
Sempre bom Cipra! Galera de Vitória te manda um abraço!
po você tá dominando bem o css.. parabéns cipa!!
Estou no início do video mas já sei que vai levar minhas páginas para o próximo nível
Eu fiquei feliz por esse conhecimento passado aqui e nós proporcionar a liberdade criatividade com simplicidade. 🙏🎆✨🚀
Esse cara é demais!!!
Passando aqui pra agradecer pelo seu conteúdo, Cipa! Participei das lives de LPV e foram sensacionais as aulas. Desde então, estou sempre assistindo seus vídeos aqui e encontrando a mesma forma simples e objetiva de ensinar detalhes muito relevantes e que fazem diferença no trabalho com o Elementor! Sem contar o bom humor e a simpatia, que também fazem toda diferença. Valeu, mestre!
Cipa, já sou fã das suas lives, mas esses conteúdos fixos são perfeitos! Você é top mestre.
Esses vídeos estão muito bons
Sempre agregando valor pra gente! Vlw demais cipa S2
Cipa sempre salvando a gente nos projetos! hahaha
Você é fera! 👏🏽👏🏽👏🏽
Ciparoni-senpai
Mais um show do gênio. 🔝 Ciparoni🙌🏼
Simplesmente o Saytama das landing pages
Qualidade padrão CIPA.
Orgulhoso demais de ser seu aluno, Cipa!!! 🙏🤜🤛
Bom demais, já vou atualizar minha pagina com esse feito
Como faria para que ao rolar a página ele alterasse a opção do menu de acordo com o ancora . Ex: tenho uma âncora de biografia que está lá em baixo .. ao ir rolando ele vai mostrando no menu todos as âncoras e quando chegar n BIOGRAFIA ele já estaria selecionado no menu
Porra! Top demais!
Master blaster!!! Obrigada!!
Conheci você, agora estou premencionada com seu talento, não sabia nada sobre css quero aprender também. Estou aprendo fazer sites mais sem códigos. Mais, sim, fica perfeito, será se eu comprar seu curso vou conseguir aprender? Muito difícil esses códigos, como lembrar de tudo isso haha
Ótimo 👏👏👏 Tem alguma maneira de troca o Logo (com imagem) quando der o scroll? Eu fiz uma tentei umas bambiarras, puxando o logo com css, mas não ficou muito bom!
Eu sei que já tem 8 meses seu comentário, mas não custa respondê-lo, porque pode ajudar alguém.
Coloca sua imagem normalmente em um widget de imagem e copia o link da imagem que quer trocar. Depois de colocar a imagem, vai em avançado e coloca a classe "logo" no campo Classes CSS. Vai depois em Custom CSS e coloca esse código abaixo, lembrando de colocar o link da sua imagem que quer trocar no campo entre parênteses e aspas.
Me diz se conseguiu depois.
/*muda a imagem*/
.header.elementor-sticky--effects .logo{
content: url("colocar o link da sua imagem aqui") !important;
}
Cipa, acho que vale um reels ensinando esse botão animado
ótimo video Cipa! ao invés de aplicar no menu, tentei aplicar os efeitos de scroll no rodapé mas não consegui :( me ajuda nessa!!!
fodaaa
Parabéns pelo conteúdo muito bem explicado, porem tenho uma duvida no meu caso preciso diminuir a imagem que seria o logo , dentro do código altero de svg para png por exemplo?
Cipa,você é o cara! Eu usei esse codigo do video para deixar fixo o menu de uma pagina que estou fazendo e tambem ter o efeito de blur. Mas esta ocorrendo o seguinte problema: toda vez que eu redimensiono o navegador a barra do menu fica com o tamanho igual ao ultimo tamanho da tela do navegador. Sabe porque isso acontece e como resolver? OBS: Quando eu removo o codigo CSS a barra do menu não da problema.
Eu q fui a inspiração desse vídeo q eu sei kkkk
Boa noite professor. Porque não aparece essa opção (Superior/inferior) no efeitos de movimentos depois que eu mudei pra Flexbox Container? Só aparece essa opção quando o Flexbox Container não está ativo. O que eu faço pra resolver?! Obrigado
* Eu já tenho o Elementor PRO
Bom demais!
O meu só funcionou no Firefox. No Chrome os efeitos não aparecem.
Cipa, o seu menu tá bugando por aí também na responsividade? Quando visualizo para mobile encolhe, mas quando volto pra desktop, ele não volta.
Você diz dentro do editor? Se sim, tá com esse bug mesmo. Mas não vai impactar o usuário final.
@@othonciparoni Antes era só no editor, agora tá na página pro usuário final mesmo.
@@allisonjanuario23 mas o usuário não vai mudar de desktop para mobile na mesma navegação, então não vai impactar.
@@othonciparoni Fala Cipa, eu consegui resolver colocando um:
selector {
Width: 100%;
}
@@allisonjanuario23 boa!
Oi, só me esclarecendo então todos estes efeitos aplicados no menu são com o elementor free? apenas com cidgo CSS?
Não, a opção para fixar o menu e o CSS personalizado são funcionalidades da versão PRO.
eu to usando o Container e os códigos de efeito blur nunca funcionam
Provavelmente está fazendo algo errado ou tem algum incompatibilidade no seu Wordpress.
@@othonciparoni consegui cipa, tive que desativar a otimização do DOM nos experimentos do elementor.
@@gustavodias1936 boa!
Cara pena que esse botão de like só pode ser apertado uma vez. Gratidão