CSS


  • Código para Adicionar Iframe Responsivo para Videos Incorporados (Embed)

    Nesse post, eu vou compartilhar um código simples em HTML e CSS para que você consiga incorporar vídeos em seu site, de maneira que eles fiquem responsivos e com a medida de 16:9, que é recomendada para vídeos. ... Continue a ler.

  • Código JavaScript para Trocar Imagens ao Passar o Mouse em Seções no Elementor ou HTML puro

    Nesse post, eu vou compartilhar um código CSS e JavaScript para que você tenha a possibilidade de trocar imagens dependendo da posição do mouse. Isso significa que você pode criar algumas colunas de conteúdo e, ao passar ao mouse entre as colunas, as imagens de uma outra sessão se alteram automaticamente. ... Continue a ler.

  • Código CSS Personalizado para Adicionar Seta SVG ao Passar o Mouse no Menu WordPress com Elementor

    Nesse post eu vou compartilhar um código CSS personalizado para você adicionar no seu menu WordPress com Elementor para adicionar uma seta em SVG quando passar o mouse em algum item do menu. Apenas adicione o código CSS em sua página, e aplique a CLASS menu-seta no menu que seja aplicar o efeito da seta […] ... Continue a ler.

  • Barra de progresso para scroll da página com imagem na ponta (CSS + JS)

    Nessa publicação, eu vou fornecer um trecho de código que você pode utilizar para criar uma barra de progresso quando o usuário estiver descendo a página e com o adicional de poder colocar uma imagem na ponta da barra de progresso que se movimenta. Muito útil caso você queira utilizar uma imagem que simula que […] ... Continue a ler.

  • Box flutuante de “arraste para ver mais” apontando para a direita com CSS e JS

    Neste post eu vou lhe fornecer um código CSS e JavaScript para você adicionar um box flutuante em cima de algum conteúdo que tem que ser arrastado para a direita onde esse box vai ter a mensagem arraste para ver mais e com o efeito de animação. ... Continue a ler.

  • Tooltip Simples em CSS + HTML

    Neste post eu vou compartilhar com você um código simples em CSS para que você consiga criar tooltips que são aqueles balões que aparecem em texto quando você passa um mouse em cima de algum objeto, de maneira muito simples utilizando apenas um pouco de CSS no seu HTML. Você pode também utilizar esse código […] ... Continue a ler.

  • Modelo de Página em HTML e CSS para Site em Manutenção

    Nesse post trago um código simples de página de manutenção para adicionar no seu servidor enquanto os arquivos do site ainda não são enviados. Aqui está um exemplo de uma página de manutenção simples em HTML: Basta salvar este código em um arquivo com extensão index.html e abrir no navegador para exibir a página de […] ... Continue a ler.

  • Modal/Popup HTML e JS com abertura automática

    Nesse post vou deixar um trecho de código em HTML, CSS e JS para criar um Modal simples que abre assim que a página é carregada. ... Continue a ler.

  • Campo anexar arquivo (File Input) personalizado no Formulário do Elementor com CSS + JS

    Nesse post eu vou te mostrar como você pode personalizar o campo de anexar arquivos do formulário do Elementor para que ele fique com uma estética muito mais agradável, apenas utilizando um pouco de CSS JavaScript personalizado. Primeiramente você precisa adicionar este script CSS em “Avançado > Custom CSS” no seu widget de formulário: Depois, […] ... Continue a ler.