Tip : Esconder dirección email con css

[gVenom]

Todos sabemos que una vez que nuestra Web esta en línea, lo primero que sucede es que te empiezan a llegar correos basura, gracias a los spanboots. Una forma de poder combatir que los benditos robots encuentren nuesto correo es esconderlo con CSS.

Para ello vamos a utilizar este código:

Código CSS:

address:after{ 
content: " <tunombre\40 tudominio.com>"; 
}
 

El carácter @ en hojas de estilo en cascada se puede escribir con el código especial \40. Como verás hay un espacio después de \40 , esto es para que quede claro que el carácter especial llega hasta allí.

El código HTML que deberíamos escribir para mostrar la dirección de correo sería el siguiente:

Código HTML:

<address>© 2010algunacosa.com</address>
 

Les aviso que esto es CSS2, por lo que IE6 ni lo ve.

Suerte

[alexk]

buen tip aun que la propiedad tampoco vale en IE7
con la libreria de IE7 ya vale...
http://code.google.com/p/ie7-js/

[davidbrepe]

muy buen aporte!
Pero seré un poco crítico desde mi punto de vista (el de un novato)...
¿hasta que punto es útil?
me refiero, cuanto tardaran los spamer en crear un boot que busque en el css y reemplace el \40 por un @?
se me ocurre que para prevenir esto, hacerselo más complicado a los boots, poner parte de la dirección en el html y la otra en el css

Código HTML:

<address>© 2010algunacosa.com tunombre</address>
 

Código CSS:

address:after{ 
content: "\40 tudominio.com";
 

¿Que opináis?

[zarcorian]

Hola,
disculpad mi ignorancia, pero quisiera saber algo mas sobre el tema...

Los spanrobots esos que deciis, que detectan exacatamente ? el texto que aparece en la web [email protected] o el enlace que hacemos con

Código HTML:

<a href="mailto: [email protected]></a> 

Entiendo que si es lo primero seria tan facil como substituir [email protected] por un icono o una palabra diferente como por ejemplo "mail"

Si se trata del segundo caso, podriamos poner la dirección de correo escrita en la web, solo que sin el enlace que abriera el correo, es decir sin usar mailto.
Ya sé que la gente tendria que hacer copiar pegar y es un poco engorroso, pero seria una solución primitiva al problema.

La dificultad esta cuando dispones de una web en la que hay cientos de correos electrónicos diferentes... (un directorio de comercios o algo así)
En este caso no veo aplicacion practica del codigo que mencionaïs, ya que no podemos estar creando un estilo css distinto para cada direccion de correo.

Se os ocurre alguna otra solución...

un saludo,

[jomaruro]

Hola:

Y en vez de todas esas vueltas no es más fácil enviar los correos con PHP, Java, ASP o cualquier otro lenguaje del servidor?

Saludos.

[davidbrepe]

pues supongo que cogerán tanto el mailto como el texto plano, si yo lo hiciera cogería todo lo parecido a "*@*.*"
respecto a lo de crear un css por cada mail, si el css esta incrustado en el html se podria poner una variable en php y listo

[zarcorian]

Iniciado por jomaruro

Y en vez de todas esas vueltas no es más fácil enviar los correos con PHP, Java, ASP o cualquier otro lenguaje del servidor?

Hola,
entiendo que lo que planteas es enviar los correos usando un pequeño formulario, y no dudo que se trata de la mejor opción, pero a mi personalmente no me gusta... Cuando busco alguna cosa por la web, por ejemplo un piso de alquiler, lo que quiero es poder ver directamente el correo del propietario, y mandarle un mail directo, me revienta cuando pone "contactar con el propietario" y luego te sale el odioso formulario que ves a saber a donde envia mi mensaje...

Lo encuentro de muy mal gusto, la verdad, por eso intentaba encontrar una alternativa, porque no quiero poner en mi web esas guarradas de formularios de contacto, que le quitan toda la espontaneidad al envio de mensajes...

Respecto a lo que sugiere davidbrepe...

si el css esta incrustado en el html se podria poner una variable en php y listo

tengo que meditar acerca de ello... en qualquier caso eso de incrustar el css en el html no me acaba de convencer, porque si tienes un directorio de lo que sea, con muchas direcciones, lo mas probable es que tengas cientos de paginas con el mismo estilo... seria una barbarie no poner ese estilo en una hoja de estilos !!

en fin, a ver si alguien aporta mas luz sobre el tema

saludos,

[gVenom]

Bueno, no todo en la vida es perfecto. Esconder el correo con css es una buena opción para los que, como menciona zarcorian, a veces
uno solo quiere ver el correo a donde se puede contactar.
Ahora, si vas a poner montones de correos en un directorio o algo asi, pues buscate otra forma de esconderlos porque ahi si no es tan práctico
este metodo, a menos que hagas una CSS exclusiva para insertar correos o algo asi.
En PHP , bueno y si tus paginas no son PHP sino html ?? que haces ?? o si como yo, no dominas PHP ??

Es bueno buscar opciones, obviamente, no todas las soluciones les sirven a todos. Pero quizá de este medoto en CSS podamos vislumbrar alguna
opción más completa y productiva. Una mezcla de lenguajes que nos permitan construir nuestro propio sistema anti spanboots