Como ocultar seu email dos spambots somente com CSS
Postado por: Pedro Rogério em 26 de setembro de 2007Hoje 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.
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.
Excelente dica…
Muito legal, pena que nosso amigão IE não ajuda…
Gostei também…..
quando será que o amigão do Luã vai falecer?
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.
Espero que ele faleça bem rápido, pra não ter sofrimento!
Excelente dica. Agora é pensar em como ocultar o IE do mercado. haha
Abraço.
Gostei mais da sugestão do Helder do que a dica do Pedro, claro, gostei também, mas a sugestão ferveu por dentro!
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
Uma dica sobre a dica: use address invés de p