Imegenes en Mails, como simulo el repeat de CSS ?

Diabliyo · 28 Febrero 2011, 21:26 PM

Buenas.

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 (css) [Seleccionar]

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

xassiz~ · 28 Febrero 2011, 21:36 PM

Cerraste la etiqueta con stile

¿Qué problema hay en ponerlo así?:

Código (html4strict) [Seleccionar]


<div id="back_img" style="background:url('sitio.com/imagen.jpg') 3px 3px repeat;"></div>

Saludos!

Diabliyo · 28 Febrero 2011, 21:44 PM

Cita de: ~xassiz en 28 Febrero 2011, 21:36 PM
Cerraste la etiqueta con stile

¿Qué problema hay en ponerlo así?:
Código (html4strict) [Seleccionar] Expandir
<div id="back_img" style="background:url('sitio.com/imagen.jpg') 3px 3px repeat;"></div>

Saludos!

Sorry fue error de dedo, en si lo escribi como un ejemplo, no quiere decir que asi lo tengo...

Continuando...

Por favor lee la parte donde menciono la forma en como se muestra una imagen en un mail.... En si la forma que me dices funcionaria solo para yahoo y hotmail... en gmail no muestra la imagen...

La forma que es mas funcional en todos, es usar una referencia: cid:imagen.jpg...

Y si invoco el cid dentro del style, no muestra la imagen tampoco:

Código (html4strict) [Seleccionar]


<div id="back_img" style="background:url('cid:imagen.jpg') 3px 3px repeat;"></div>

Asi no funciona !

Saludos !

Test Foro de elhacker.net SMF 2.1

Imegenes en Mails, como simulo el repeat de CSS ?

Diabliyo

xassiz~

Diabliyo