CSS
Guia CSS: Regra CSS e sua sintaxe
Caso queira saber mais sobre boas praticas com CSS, recomendo ver este artigo sobre regras e sintaxe: https://maujor.com/tutorial/sintaxetut.php Com certeza isso vai te ajudar bastante. Abraço. ... Continue a ler.
Tabela de Preço Personalizada (HTML + CSS)
Tabela de precificação personalizada apenas usando HTML e CSS com layout responsivo para usar em sites e landing pages. Visualização online: https://tabela-de-preco-hmtl-css.brunoalbim.repl.co/ Link do código fonte: https://replit.com/@brunoalbim/Tabela-de-Preco-HMTL-CSS#index.php ... Continue a ler.
CSS Alterado mas Não Atualiza no Frontend do Site?
Caso você esteja fazendo uma atualização no arquivo CSS do seu site, e quando foi ver no navegador, o site não atualizou, talvez essa pequena dica possa lhe ajudar. Caso seu site funcione com PHP, acesse o cabeçalho do seu site, onde você esta chamando o arquivo de estilo, adicione ?v=<?= time() ?> no final […] ... Continue a ler.
Formatando Colunas do Formulário CF7 com CSS
Para customizar as colunas dos campos, para que seja possível adicionar 2 campos na mesma linha, podemos adicionar um pouco de CSS personalizado, como exemplo abaixo: Para isso estou usando um ID (identificador único) com nome de brc-container-form-1, e para os campos, vamos usar brc-col1 para os campos com largura de 100% e brc-col2 para […] ... Continue a ler.
Ajustando objetos do Listing Grid (JetEngine) para largura “em linha” (auto) com CSS
Caso precise ajustar os objetos retornados pelo Listing Grid do JetEngine para que eles assumam o tamanho total em vez de ficar em lista como abaixo: Antes: Depois: Use o código CSS abaixo no campo “CSS Personalizado” do widget: ... Continue a ler.
Animação Fade com Scroll da Pagina usando CSS + JS
Esse código permite que você crie uma animação em qualquer conteúdo HTML onde o efeito “fade” suave é aplicado para mostrar o conteúdo que fica escondido por padrão assim que você “rola” (scroll) a pagina. Alem disso, esse código permite que o efeito se repita caso o usuário suba a pagina e desça novamente. Veja […] ... Continue a ler.