HTML


  • Pedir para o Google não indexar (noindex) sua pagina.

    Este post vai ajudar a impedir a indexação de um arquivo ou pasta que precise ficar fora dos resultados de busca do google e outros mecanismos de busca. Veja abaixo como fazer de diferentes formas: Em HTML: Em PHP: Com .htaccess: Com .htaccess (apenas arquivos PDF): Espero que este artigo tenha ajudado! Leia mais em: […] ... Continue a ler.

  • Obter div especifica de outra pagina ou site com iframe via jQuery JS

    No exemplo abaixo, vamos trazer um formulário de login de um site fictício para nosso site. OBS: Caso você esteja obtendo essa DIV de um domínio externo, ele pode ser bloqueado pela politica CORS (Cross-Origin Resource Sharing). Caso tenha autoridade sobre esse domínio, defina a permissão de acesso para o seu site. ... Continue a ler.

  • Criar janela modal com CSS + JavaScript

    FONTE: https://www.w3schools.com/howto/howto_css_modals.asp ... Continue a ler.

  • Redirecionamento de pagina com meta tag HTML

    OBS: O numero 0 no começo mostra o tempo de direcionamento. ... Continue a ler.

  • Escrever tags HTML em texto puro para exibir em qualquer lugar do site

    Caso queira exibir uma tag no site, mas o navegador esteja convertendo em tag HTML como se fosse parte da estrutura, é possível escrever dessa maneira: Desse jeito, como mostrado acima, o resultado será o navegador literalmente interpretar a tag como texto puro, e não como HTML mais. Como mostra esse exemplo: <span>Texto interno</span> Isso […] ... Continue a ler.

  • Scroll horizontal (snap) com CSS para mobile

    Com este código, é possível criar o efeito de slide, em qualquer bloco HTML apenas com CSS. Este código funciona bem para dispositivos mobile, que possibilita ao usuário, “rolar” a div para a horizontal com o dedo. Porem, para desktop, fica um pouco limitado o uso de “rolar para a horizontal”, mas ainda sim o […] ... Continue a ler.

  • Criar botão WhatsApp flutuante no site

    É possível criar um botão flutuante de WhatsApp para seu site de forma simples, apenas usando um pouco de HTML + CSS. Segue abaixo exemplo de botão com ícone: HTML OBS: Mude onde esta https://wa.me/5511900000000 para o seu numero de WhatsApp com DDD CSS Pronto! DICA: Caso o icone do whatsapp fique desalinhado com o […] ... Continue a ler.