- 14
- 3 364
Ricardo Ivanov
Brazil
āđāļāđāļēāļĢāđāļ§āļĄāđāļĄāļ·āđāļ 7 āļŠ.āļ. 2009
Welcome to my channel!
If you're a WordPress, Elementor developer, or looking to learn website development with HTML, CSS, and Bootstrap, this is the place for you!
Here you'll find content never seen before on the internet. I'll provide practical tips, detailed tutorials, and advanced solutions in website development so you can become a more skilled professional and charge higher rates for your services. ð°
Learn the art of combining CSS and JavaScript codes with Elementor Pro and no longer rely on plugins to achieve specific effects on your sites.
Whether you're a curious beginner or an experienced professional, my goal is to empower you with the knowledge and skills I've developed over the years to create amazing websites that stand out from the rest.
Subscribe and turn on notifications for updates! ð
If you're a WordPress, Elementor developer, or looking to learn website development with HTML, CSS, and Bootstrap, this is the place for you!
Here you'll find content never seen before on the internet. I'll provide practical tips, detailed tutorials, and advanced solutions in website development so you can become a more skilled professional and charge higher rates for your services. ð°
Learn the art of combining CSS and JavaScript codes with Elementor Pro and no longer rely on plugins to achieve specific effects on your sites.
Whether you're a curious beginner or an experienced professional, my goal is to empower you with the knowledge and skills I've developed over the years to create amazing websites that stand out from the rest.
Subscribe and turn on notifications for updates! ð
Recupere Seu Site WordPress Hackeado Agora Mesmo [Removendo VÃrus na PrÃĄtica]
Seu site ou do seu cliente foi hackeado e vocÊ nÃĢo sabe o que fazer? NÃĢo se preocupe! Neste vÃdeo, eu mostro o passo a passo para remover vÃrus e recuperar seu site rapidamente!ð
Traga seu site de volta à ativa!
ð Deixe seu like e compartilhe com seus grupos de desenvolvimento
===================================
ðĢHospedagem da Hostinger com atÃĐ 78% OFF - ricardoivanov.com.br/hostinger
ðĻïļ Meus Contatos:
WhatsApp - wa.me/551114661349
E-mail - contato@ricardoivanov.com.br
ð Se inscreva no canal: - www.youtube.com/@ricardoivanov
*Hashtags*
#WordPress #SegurançaWeb #RemoçÃĢoDeVÃrus #SiteHackeado #Malware #WordPressTutorial #DicasWordPress #WebDev
Traga seu site de volta à ativa!
ð Deixe seu like e compartilhe com seus grupos de desenvolvimento
===================================
ðĢHospedagem da Hostinger com atÃĐ 78% OFF - ricardoivanov.com.br/hostinger
ðĻïļ Meus Contatos:
WhatsApp - wa.me/551114661349
E-mail - contato@ricardoivanov.com.br
ð Se inscreva no canal: - www.youtube.com/@ricardoivanov
*Hashtags*
#WordPress #SegurançaWeb #RemoçÃĢoDeVÃrus #SiteHackeado #Malware #WordPressTutorial #DicasWordPress #WebDev
āļĄāļļāļĄāļĄāļāļ: 105
āļ§āļĩāļāļĩāđāļ
AnimaçÃĢo DegradÊ em Textos [Elementor Free]
āļĄāļļāļĄāļĄāļāļ 6314 āļ§āļąāļāļāļĩāđāļāđāļēāļāļĄāļē
Neste tutorial, vocÊ vai descobrir como adicionar uma animaçÃĢo de degradÊ impressionante que faz o texto brilhar em vÃĄrias cores usando apenas CSS e Elementor Free. Transforme suas palavras em verdadeiras obras de arte visuais e dÊ um toque especial ao seu design! ð ð NÃĢo se esqueça de se inscrever no canal e ativar o sininho para receber todas as novidades! ð Deixe seu like e compartilhe com s...
Menu que muda de cor ao rolar a tela [SEM PLUGINS ADICIONAIS]
āļĄāļļāļĄāļĄāļāļ 257āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
Prepare-se para transformar o seu site! Neste vÃdeo, vou mostrar como fazer o menu mudar de cor - incluindo o fundo, a logo e os links clicÃĄveis - usando apenas uma classe do Elementor Pro. E o melhor: sem precisar de plugins adicionais ou um tema diferente! Aprenda agora a deixar seu site mais dinÃĒmico e estilosoð ðĻïļ Meus Contatos: WhatsApp - wa.me/551114661349 E-mail - contato@ricardoivanov.c...
Como fazer menu lateral do jeito certo [Elementor Pro]
āļĄāļļāļĄāļĄāļāļ 3202 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
VocÊ jÃĄ deve ter visto muitas pessoas ensinando a fazer menu lateral, principalmente para celular, usando popups. Nesse vÃdeo, eu vou te ensinar a como fazer um menu lateral do jeito certo, sem usar plugins externos, temas cÃģdigos mirabolantes ou gambiarras, apenas usando o #wordpress e #elementorpro â ïļ O cÃģdigo CSS que eu fiz no vÃdeo estÃĄ no primeiro comentÃĄrio fixado! ð Ganhe atÃĐ 74% de desc...
Recuperar Acesso ao WordPress [MAIS COMPLETO]
āļĄāļļāļĄāļĄāļāļ 774 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
Perdeu acesso ao WordPress e sua hospedagem nÃĢo tem login direto? Nesse vÃdeo vamos mudar a senha do usuÃĄrio administrador e atÃĐ mesmo o e-mail caso seja necessÃĄrio. Adquira a hospedagem da Hostinger com 20% de desconto para nunca mais passar por essa situaçÃĢo: âķïļ ricardoivanov.com.br/hostinger Entre em contato comigo: âķïļ ricardoivanov.com.br/contato âķïļ ricardoivanov.com.br/whatsapp #wordpresst...
Como deixar o banner responsivo para todas as telas [USANDO MATEMÃTICA]
āļĄāļļāļĄāļĄāļāļ 2016 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
Quem nunca teve problemas com banner cortando nas extremidades em tamanhos de telas diferentes? Nesse vÃdeo, eu vou mostrar um truque que eu desenvolvi para resolver esse problema, nÃĢo importa o tamanho da tela, sempre ficarÃĄ responsivo usando apenas matemÃĄtica, sem plugins adicionais e sem cÃģdigos. CONTATOS PARA CONSULTORIAS E-mail: ricardoiva9@gmail.com WhatsApp: wa.me/5511914661349 Adquira a...
IntegraçÃĢo Elementor + Google Planilhas [INICIANDO COM AUTOMAÃÃES]
āļĄāļļāļĄāļĄāļāļ 3636 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
Nesse vÃdeo nÃģs começamos a introduzir automaçÃĩes atravÃĐs do Make - plataforma prÃģpria para automaçÃĩes. Vamos aprender a enviar os dados que o usuÃĄrio envia do formulÃĄrio do #elementor para o #googlesheets, ou Planilhas Google. Tudo de forma gratuita (com exceçÃĢo do Elementor Pro) e bem rÃĄpido. Adquira a mesma hospedagem que eu uso e recomendo: hostinger.com.br/?REFERRALCODE=1RICARDO71 #wordpre...
Efeito Hover de Fumaça Em Textos [Elementor GrÃĄtis Sem Plugins Adicionais]
āļĄāļļāļĄāļĄāļāļ 997 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
â ïļ CÃDIGO COMPLETO NO COMENTÃRIO FIXADO Nesse vÃdeo, eu trago para vocÊs um efeito usando CSS e JavaScript para usarmos em tÃtulos e subtÃtulos adaptando para o Elementor (sem a necessidade de ser a versÃĢo Pro e sem a necessidade de plugins adicionais). Nome do autor do cÃģdigo: Muhammad Irshad - github.com/muhammadirshad89 #elementortutorial #csstutorial #hovereffect #wordpresstutorial
Como inserir tabelas no Elementor? [SEM PLUGINS ADICIONAIS]
āļĄāļļāļĄāļĄāļāļ 6218 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
Nesse vÃdeo eu vou te mostrar algumas soluçÃĩes para inserçÃĢocriaçÃĢo de tabelas no seu site #wordpress com #elementor â ïļ Salve esse vÃdeo para consultar sempre que for necessÃĄrio porque ESSE CONTEÃDO NÃO EXISTE EM NENHUM OUTRO LUGAR! ðĻïļ Deixe suas dÚvidas nos comentÃĄrios que responderei assim que possÃvel. Hospedagem recomendada: hostinger.com.br/?REFERRALCODE=1RICARDO71 #elementortutorial #word...
Mapa Interativo com Elementor Free [SEM PLUGINS ADICIONAIS]
āļĄāļļāļĄāļĄāļāļ 4939 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
Nesse vÃdeo nÃģs vamos aprender a como trabalhar com Tooltip e adicionar pontos de informaçÃĩes interativas em imagens. Iremos usar um exemplo com um mapa do mundo, mas pode ser adaptado com um mapa de um paÃs e os pontos serem os estados ou atÃĐ mesmo um produto, como por exemplo um carro onde os pontos ficam em peças especÃficas, como pneus, vidros, retrovisores, farÃģis etc...use a sua criativid...
Efeito Hover Para Elementor Free Que Troca Imagem De Fundo [SEM PLUGINS ADICIONAIS]
āļĄāļļāļĄāļĄāļāļ 17510 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
Neste vÃdeo, vamos aprender a fazer uma seçÃĢo com containers que muda a imagem de fundo quando passar o mouse sob um card de produto ou serviço, sem o auxÃlio de plugins adicionais e sem Elementor Pro. â ïļ CÃģdigo do widget HTML no primeiro comentÃĄrio fixado! MÚsica do vÃdeo: Disfigure - Blank (Copyright Free Music) #elementor #elementorwordpress #csshovereffect
Como Adicionar Fotos 360 Em Seu Site [GRÃTIS]
āļĄāļļāļĄāļĄāļāļ 28110 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
Nesse vÃdeo, vamos aprender a como tirar fotos em 360š apenas com um celular e adicionar em nosso site de forma gratuita. Leve em consideraçÃĢo que tambÃĐm hÃĄ a possibilidade de assinar o serviço pago da plataforma. Links para download do App Google Street View: - Android: tinyurl.com/8xdd6yh - iOS: tinyurl.com/27nydlql Link da plataforma 360: panoraven.com/en Aprenda a remover vÃrus/malwares e e...
Como Remover VÃrus e Erro CrÃtico no WordPress [SEM BACKUPS OU FERRAMENTAS EXTERNAS]
āļĄāļļāļĄāļĄāļāļ 23810 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
Neste vÃdeo, eu vou te ensinar como remover vÃrus, malwares e erros crÃticos no WordPress sem precisar de backups, plugins, suporte da sua hospedagem ou ferramentas externas. Aprenda a resolver esses problemas de forma simples e eficaz para manter seu site seguro e funcionando corretamente! Adquira a hospedagem utilizada no tutorial: hostinger.com.br/?REFERRALCODE=1RICARDO71 #wordpress #seguran...
Ricardo ÃĐ o brabo do WP
Excelente o vÃdeo!!! ParabÃĐns amigo Ricardo Ivanov.
Vlw!!
Show de bola!!!!
Vlw!
ð CÃģdigo CSS: ricardoivanov.com.br/animacao-degrade-em-textos/
Passei a usar esse menu off-canvas, mas estou com um problema. Quando o site ÃĐ One-Page e o menu funciona com ÃĒncoras, o off-canvas nÃĢo fecha ao clicar em um item do menu. VocÊ sabe como corrigir isso?
OlÃĄ, Arnaldo. NÃĢo consegui simular esse problema aqui no meu ambiente. Vc estÃĄ usando a versÃĢo atualizada? JÃĄ tentou fazer o mesmo processo em um ambiente diferente? (outro tema, outro site)
Eu amei o efeito, muito obrigado!ðŧð
Que bom que gostou! ð
Top!!!
Muito bom. Agora jÃĄ sei como faz para os prÃģximos projetos. Obrigada Ricardo.
De nada! ð
Toooop
ðĨðĨðĨðĨ
Brabo demais
CSS fritando! ðĨðĨðĨðĨ
Ricardo, ao tentar selecionar WEBHOOK em Actions After Submit, o mesmo nÃĢo aparece na lista. O que tenho que fazer?
OlÃĄ Rafael. Vc precisa do Elementor Pro para ter essa funçÃĢo disponÃvel. Caso contrÃĄrio, vc pode optar por usar outro formulÃĄrio que permite a opçÃĢo de webhook, uma sugestÃĢo ÃĐ o JetFormBuilder (gratuito) que possui esse recurso.
Funcionalidade muito Útil para deixar o site mais interessante, muito bom ððð.
Valeu, obrigado pelo feedback!
Muito bom amigo Ricardo!!! Top.
Obrigado pela força, amigo!
Show de bola amigo.
Vlw, Arnaldo!
Poderia usar webhook sem uma plataforma de terceiros.
OlÃĄ, @brenonet. Obrigado pelo comentÃĄrio. Vc se refere usar um webhook de servidor prÃģprio? A ideia no vÃdeo seria usar uma forma simples para quem estÃĄ começando e sem ter custos. Pretendo trazer opçÃĩes como Zapier e N8N no futuro para operaçÃĩes mais avançadas.
*CSS do container principal do cabeçalho* selector.elementor-sticky--effects { background: #fff; } selector.elementor-sticky--effects a { color: #232323; } selector.elementor-sticky--effects a:hover { color: #f00; } selector.elementor-sticky--effects .logo-branca { display: none; } selector.elementor-sticky--effects .logo-cor { display: block; } *CSS da logo colorida* .logo-cor { display: none; }
muito bom Ricardo.
Muito obrigado. Espero q seja Útil para seus projetos. Abraço!
Porque as vezes quando mudamos alguma configuraçÃĢo ou instalamos determinados plugins, esse menu lateral desformata o CSS? Principalmente o menu lateral do carrinho? Simplesmente os itens no carrinho desformatam e os botÃĩes de ver carrinho e finalizar compra perdem toda a propriedade original do tema. Sofro com isso e sÃģ consigo resolver restaurando o backup ðĒ... Conhece esse tipo de problema e sabe a soluçÃĢo? Ajudaria demais...
OlÃĄ, PlayerNato. Esse problema se dÃĄ pq o plugin q vc instalou usam as mesmas classes CSS do seu Tema e sobrepÃĩe o estilo. Veja se vc consegue encontrar o arquivo CSS minificado do plugin e remova-o. Isso pode resolver temporariamente, mas depois de uma atualizaçÃĢo, o arquivo vai voltar e sobrepor novamente. O correto mesmo seria vc nÃĢo utilizar tantos plugins ou ajustar o layout via CSS mesmo.
@@RicardoIvanov Finalmente alguÃĐm que me deu uma luz sobre esse problema, gratidÃĢo. Realmente, nesse projeto que fiz tem bastante plugin, porÃĐm, foram pra implementar funcionalidades que o cliente queria. VocÊ me recomenda algum plugin que ajude a rastrear esses problemas ou problemas no PHP? Algum que me dÊ uma orientaçÃĢo inicial de onde posso começar a achar determinados problemas?
Conflitos de CSS nÃĢo sÃĢo considerados problemas. Vc vai precisar aprender CSS para corrigir o estilo para o desejado. Quando hÃĄ algum problema mesmo, existem alguns plugins q podem te ajudar. De vez enquando eu uso o WP Monitor, ele aponta problemas de cÃģdigos PHP que estÃĢo obsoletos e erros no servidor.
Sensacional, muito obrigado!!
Valeu, qualquer dÚvida ÃĐ sÃģ chamar!
Muitooo bom Ricardo, jÃĄ vou usar num novo projeto, Valeu! ð
Sucesso!
Genial!
Vlw, Jonathan!
CÃģdigo CSS: .elementor-widget.elementor-widget-off-canvas { position: absolute; }
Muito bom!! Estou colecionado livros de vÃĄrios paÃses para um projeto culturalâĶ teria como clicar e aparecer um tela maior com foto do livro, pais, autor etc ???
OlÃĄ, Delmir. Desculpe a demora para responder. à possÃvel sim adicionar imagem, mas vc vai precisar criar uma estrutura html um pouco mais complexa. Se vc nÃĢo tiver conhecimento em HTML e CSS para fazer essa estrutura, talvez seja melhor procurar uma forma de usar widgets do Elementor e pedir para uma IA fazer o JavaScript para aparecer o container com as informaçÃĩes quando vc passar o mouse por cima de cada pontinho.
Ricardo, muito obrigado pela ideia! Mas estou com um problema, conseguiria me ajudar? Fiz a mesma configuraçÃĢo que vocÊ mostrou no CSS, mas o meu nÃĢo estÃĄ sendo possÃvel arrastar para o lado, estÃĄ tudo exprimido um no outro (modo celular). NÃĢo sei o que pode ser, me ajuda?
OlÃĄ, Paulo. Desculpa a demora para responder. Estive fora por um tempo mas agora voltei. Vc lembrou de adicionar um container em cada celula da planilha? Se quiser, podemos conversar pelo Telegram: t.me/ricardoivanov à sÃģ me chamar por lÃĄ!
Mais um excelente vÃdeo. Obrigada Ricardo ðð―
Eu quem agradeço!
Adquira a hospedagem da Hostinger com 20% de desconto para nunca mais passar por essa situaçÃĢo: âķ ricardoivanov.com.br/hostinger Entre em contato comigo para situaçÃĩes especÃficas: âķ ricardoivanov.com.br/contato âķ ricardoivanov.com.br/whatsapp
Excelente conteÚdo Ricardo. DifÃcil achar no ytb. Gostaria muito de aprender como limpar o banco de dados qd ele pegar vÃrus. Vc tinha ensinado a limpar o gerenciador de arquivos e se o pessoal pedisse o do bd, vc ia fazer, mas acho que o pessoal nÃĢo pediu. TÃī sempre visitando aqui pra ver se tem esse vÃdeo e outros tb rsrs. Vlw, muito obrigada por compartilhar seu conhecimento.
olÃĄ! Muito obrigado pelo feedback. Realmente ninguÃĐm chegou atÃĐ mim com essa necessidade tÃĢo especÃfica entÃĢo nÃĢo acho q vale um vÃdeo ainda, mas pode me chamar para vermos se o seu caso ÃĐ realmente problema no BD ð
OlÃĄ Ricardo Ivanov, parabÃĐns pelo vÃdeo. Bastante didÃĄtico, prÃĄtico e objetivo. Abraço! ParabÃĐns!!!
Muito obrigado!
Excelente Ricardo. Aproveitando o que ele falou sobre consultoria, jÃĄ me auxiliou em projetos inÚmeras vezes. Super indico.
Diferenciado e muitooo Útil... Obrigada Ricardo!
Eu quem agradeço! :)
Ricardo, por gentileza, vc poderia trazer mais conteÚdos sobre tamanhos e formatos de imagens para cada tipo de situaçÃĢo, banner pequeno na lateral, banner no meio do site, banner no post, logotipo, etc..? Plugins que vc usa pra comprimir, ou se jÃĄ sobe a imagem em webp?
Eu jÃĄ costumo comprimir todas as imagens antes de subir para o site. Quanto menos plugin, na minha visÃĢo, melhor. Sobre os tamanhos, vai depender do design de cada pÃĄgina, nÃĢo tem um padrÃĢo...porÃĐm ÃĐ importante se atentar quanto o tamanho em pixels da imagem com o tamanho em que a imagem serÃĄ mostrada. Por exemplo, se a imagem tiver 1000px mas o espaço q ela vai ocupar for de apenas 450px, vc estarÃĄ perdendo mais de 50% de performance pra essa imagem. Isso num site completo farÃĄ muito diferença. Alguns plugins fazem essa compressÃĢo, mas vai exigir um pouco de prÃĐ-processamento.
Meu Deus, que top esse tipo de conteÚdo. DifÃcil de encontrar por aqui. Muitoooo obrigada Ricardo! ParabÃĐnsss
Obrigado! Qualquer dÚvida, ÃĐ sÃģ chamar :)
Ãtimo conteÚdo
Vlw!!
Excelente explicaçÃĢo amigo Ricardo. ð ParabÃĐns
Vlw!!
Ganho o meu like, parabÃĐns!
Obrigado! :)
muito bom
Show Ricardo, muito simples e fÃĄcil de fazer. Com sua didÃĄtica pra ensinar entÃĢo, qlq pessoa faz. Vlw ParabÃĐns pelo canal.
Muito obrigado! :)
Excelente vÃdeo @RicardoIvanov. Por favor, grava o do banco de dados tb ð
Em breve gravarei ;)
Muito bom
Obrigado! Se precisar de ajuda com algo ÃĐ sÃģ chamar âðŧ
Link da plataforma de automaçÃĢo - Make: www.make.com Link para adquirir a minha recomendaçÃĢo de hospedagem da Hostinger: hostinger.com.br/?REFERRALCODE=1RICARDO71 Qualquer dÚvida, deixe nos comentÃĄrios! Bom desenvolvimento para vc â
Muito bom. Obrigada Ricardo
Existe efeito "bolha de sabÃĢo"? Esse tambÃĐm seria bem legal...
Esse eu acho improvÃĄvel, pq esse efeito de fumaça, na verdade faz um movimento nos eixos X e Y (usando trasform), depois desfoca a fonte e diminui a opacidade, ou seja, ele nÃĢo vira fumaça e sim causa um efeito q parece fumaça. Com bolhas de sabÃĢo, talvez daria pra substituir cada letra por um SVG em forma de sabÃĢo, porÃĐm deixaria a pÃĄgina extremamente lenta. Mas pode ter alguma biblioteca JS q faça isso sim.
// adiciooneo o cÃģdigo no widget HTML <style> .smoke .elementor-widget-container span{ cursor: default; position: relative; display: inline-block; } .smoke .elementor-widget-container span.active{ animation: smoke 1s linear; } @keyframes smoke{ 50%{ opacity: 1; } 100%{ opacity: 0; filter: blur(20px); transform: translateX(300px) translateY(-300px) rotate(360deg) scale(4); } } .smoke .elementor-widget-container span.back{ opacity: 0; filter: blur(20px); animation: back 1s linear 0.5s; } @keyframes back{ 100%{ opacity: 1; filter: blur(0); } } </style> <script src="code.jquery.com/jquery-3.6.0.min.js"></script> <script> (function($){ $(document).ready(function(){ var heading = $('.smoke .elementor-widget-container').children() heading.each(function(){ $(this).html($(this).text().replace(/\S/g, '<span>$&</span>')) }) var headingLetter = heading.find('span') headingLetter.on('mouseover', function(){ $(this).removeClass('back').addClass('active') }) headingLetter.on('animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd', function(e){ if ( $(e.target).hasClass('active') ){ $(this).removeClass('active').addClass('back') }else{ $(this).removeClass('back') } }) }) }(jQuery)) </script>
pena que ÃĐ tÃĢo caro pra gente esses planos.
Acho q tudo depende do valor q vai agregar ao projeto. Eu mesmo nÃĢo ligo de pagar "caro" desde que me retorne um ROI de 2 ou mais ð
Uau... gostei muito! Obrigadda Ricardo!
Muito bom
ConteÚdo de alta qualidade e exclusivo do canal??? Top!!!! ParabÃĐns!!!
Muito bom! Vou tentar replicar no meu blog ;)