Ir para conteúdo / Skip to content

COMO OCULTAR SEU EMAIL DOS SPAMBOTS SOMENTE COM CSS

Postado em: 26 de setembro de 2007 por Pedro Rogério

Hoje em dia se você deixar seu e-mail a deriva na Internet, sabe que amanhã sua caixa estará lotada de e-mails indesejados, pessoas querendo vender de tudo, desde Softwares até Viagra, mas acabei achando uma técnica bem interessante de ocultar o e-mail somente com CSS, utilizando da pseudo-classe :after, que para nossa alegria, não funciona no IE. Para essa façanha, utilizaremos o seguinte código CSS.


/* \40 corresponde ao símbolo "@" */
#email:after{
content: " <pedrorogerio\40pinceladasdaweb.com.br>";
}

Como podem ver o \40 será substituído pelo “@”. No HTML, utilize algo do tipo:


<p id="email">Webmaster</p>

Agora é só dar uma olhada no exemplo, lembrando que no IE isso não funciona.

Se tiver um tempo, leiam também:

Deixe seu comentário

9 comentários para esse post

  1. Cristian Trentin disse:
    #1

    Excelente dica…

  2. Luã de Souza disse:
    #2

    Muito legal, pena que nosso amigão IE não ajuda…

  3. Marcio Gazetta disse:
    #3

    Gostei também…..

    quando será que o amigão do Luã vai falecer?

  4. carlos disse:
    #4

    Pensei que era só no IE que não funcionava, mas agora vi que até no IE7 não esta pegando…

    Até quando nós vamos sofrer com o monopólio da Microsoft!? Desde de sistemas operacionais até navegadores.

  5. Luã de Souza disse:
    #5

    Espero que ele faleça bem rápido, pra não ter sofrimento! :D

  6. Helder Santana disse:
    #6

    Excelente dica. Agora é pensar em como ocultar o IE do mercado. haha

    Abraço.

  7. Eliseu disse:
    #7

    Gostei mais da sugestão do Helder do que a dica do Pedro, claro, gostei também, mas a sugestão ferveu por dentro!

  8. Anderson Custódio disse:
    #8

    Nem no IE 7 pega, e eu pensando que ia pegar hehe

    Mas mesmo assim eu coloco meu e-mail normal mesmo, sempre que recebo um spam coloco o e-mail do mesmo na lista negra no servidor,

    Nem da muito trabalho, e nem perco muito tempo =D

  9. Rochester disse:
    #9

    Uma dica sobre a dica: use address invés de p

    :)

Deixe seu comentário