Como ocultar seu email dos spambots somente com CSS

Postado por: Pedro Rogério em

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.

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

Gostou desse post?

Assine o nosso Feed RSS, siga-nos no Twitter, ou simplesmente nos recomende a seus amigos!

Sobre Pedro Rogério

Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.

Central Server

9 Responses to “Como ocultar seu email dos spambots somente com CSS”

  1. Luã de Souza disse:

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

  2. Gostei também…..

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

  3. carlos disse:

    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.

  4. Luã de Souza disse:

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

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

    Abraço.

  6. Eliseu disse:

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

  7. 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

  8. Rochester disse:

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

    :)

Leave a Reply