Como ocultar seu email dos spambots somente com CSS
Postado por: Pedro Rogério emHoje 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! :D
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
:)
While we’re in Como ocultar seu email dos spambots somente com CSS » Pinceladas da Web – HTML5 Hard Coding and Bullet Proof CSS mode, Your next phase will be to setup a database to allow you to store your subscriber’s data, process subscription requests and email your subscribers. Decent programs will process the data from your form, process your subscription requests, store your subscribers info within a database and allow you to send customized email messages.