Mi sistema web envía cada cierto tiempo notificaciones por correo a mis usuarios, al principio estas notificaciones estaban muy cutres (solo html estilo texto plano), así que me decidí por fin aparte un poco de tiempo para ver como implementar un "template" mas atractivo (visualmente).
Lo primero fue agregar una imagen en el top (banner) que invocaba con html (<img>), pero note que todas las iamgenes por defecto no se visualizaban, asi que, viendo que algunos mails publicitarios que me llegaban, estos si se desplegaban, encontre que era porque en el mismo mail en vez de invocar la imagen con <img> o adjuntarla {attached), la colocaban en el cuerpo del correo utilizando la propiedad (header) Content-ID: <hash@dominio.com>, posteriormente para insertarla escribian:
:
<img src="cid:hash@dominio.com">
Ya con esto, logre que mis imagenes se visualizaran sin pedirle permiso al usuario, pero.... aun me falta algo por hacer , y por eso que vengo aqui a ver si puedne ayudarme, el problema es:
Quiero implementar una imagen de fondo que se repita en todo el cuerpo, si lo hiciese con CSS seria:
Código
<style> #back_img {background:url("sitio.com/imagen.jpg") 3px 3px repeat;} </stile> <body> <div id="back_img"></div> </body>
El problema es que por lo general todos los inbox publicos (gmail, yahoo, hotmail) aceptan leer el STYLE puesto directamente en el DIV, solo especialmente yahoo y hotmail te leen los esilos declarados dentro de <style></style>, pero gmail no , este solo los lee dentro del <div>.
Asi que, para tener mas "portabilidad" decidi implementar todo dentro de los DIVs, y no poner la etiqueta <style></style>. Pero aun no logro hacer el proceso de que una imagen se repita en todo el cuerpo, asi como lo especifique en el code arriba.
Saludos !