Foros del Web » Creando para Internet » CSS »

Maquetación newsletter para envío a correos

Estas en el tema de Maquetación newsletter para envío a correos en el foro de CSS en Foros del Web. Muy buenas, que tal :) ? Bueno ahora mismo me veo en un marrón bastante grande, me explico. Tengo un diseño bastante complejo que me ...
  #1 (permalink)  
Antiguo 19/05/2010, 05:42
Avatar de Jask  
Fecha de Ingreso: abril-2006
Ubicación: Madrid
Mensajes: 768
Antigüedad: 11 años, 7 meses
Puntos: 15
Maquetación newsletter para envío a correos

Muy buenas, que tal :) ?
Bueno ahora mismo me veo en un marrón bastante grande, me explico. Tengo un diseño bastante complejo que me pasó el diseñador y tengo que maquetarla, ya que va a ser una newsletter que se va a enviar (obviamente) por correo, el problema que los gestores de correos no suelen entender muy bien el tema de css y no toman muchos atributos por lo que se hace bastante complicado realizarlo.



Me gustaría saber como podría hacerlo, o simplemente que me comentaran alguna experiencia o consejo al respecto :)

Un saludo y muchas gracias !!
__________________
Os iusti meditabitur sapientiam
Si te he ayudado, por qué no un poquito de Karma :) ?

Última edición por Jask; 19/05/2010 a las 06:07
  #2 (permalink)  
Antiguo 19/05/2010, 10:51
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Maquetación newsletter para envío a correos

puedes ver esta tabla para saber que propiedades y cuales no interpretan, ciertos lectores de correo
  #3 (permalink)  
Antiguo 19/05/2010, 16:23
Avatar de Jask  
Fecha de Ingreso: abril-2006
Ubicación: Madrid
Mensajes: 768
Antigüedad: 11 años, 7 meses
Puntos: 15
De acuerdo Respuesta: Maquetación newsletter para envío a correos

Cita:
Iniciado por alexk Ver Mensaje
puedes ver esta tabla para saber que propiedades y cuales no interpretan, ciertos lectores de correo
Muchas gracias !! me será de bastante ayuda.

PD: he estado probando el position en un div (outlook 2k3 ) y no lo tome :S ! le puse un background para ver como quedaba y un position left a un div de 80px de ancho y al recibirlo me llega un div debajo de otro :S !!
__________________
Os iusti meditabitur sapientiam
Si te he ayudado, por qué no un poquito de Karma :) ?
  #4 (permalink)  
Antiguo 20/05/2010, 12:33
Avatar de BloodShadow  
Fecha de Ingreso: marzo-2010
Ubicación: El Salvador
Mensajes: 393
Antigüedad: 7 años, 8 meses
Puntos: 52
Respuesta: Maquetación newsletter para envío a correos

Yo hago newsletter muy seguido y lo que si he aprendido a lo largo de mi experiencia es que.... yo amo la maquetacion con div y css, pero para los newsletter toca volver a los tiempos aquellos en que tenias que hacer codigo asquerosamente largo y el viejo.

Recomendaciones:

1.- Usa tablas.
2.- Usa la menor cantidad de estilos que podas, la tabla que te dio alexk es la que yo utilizo
3.- Los estilos agregalo "quemados" como le llamamos en mi trabajo: ejemplo, <div style="width: 10px"></div>
4.- si queres resetear el margin y padding de los p, span, h1, etc etc, tendras que hacerlo cada vez que crees uno, tedioso pero no queda de otro.
5.- No agregues estilos en el head
6.- No uses background, a puras imagenes

En fin, hay infinidad de cosas que no podrias hacer con los newsletter. Ahora, volviendo al tema de TU newsletter, te dire como lo aria yo.

1.- En primer lugar, hablaria con el diseñador y le diria que no fuera tan puto en dar ese diseño que te dio o que aprendiera un poco de maquetacion o creacion de newsletter, por que realmente no creo que podas meter el background de todo el diseño.

2.- Los titulos, con fondo y decoracion roja, como imagen completa, al igual que la numercion de la derecha del segundo bloque

3.- Aria una tabla que contenga todo el newsletter y una tabla por cada seccion del diseño

4.- con la primera seccion te tocara mover un poco el texto que se monta el bandera degradada, por que no podras hacerlo, recuerda, no usar background.

Como recomendacion para tu jefe/diseñador. Explicale el por que no se pueden hacer diseños tan hermosos para un newsletter, el diseño esta muy bonito pero ni modo, asi es esto :(

PD: si tenes el PSD me lo podes mandar y te ayudo a diagramarlo, solo las lineas guias y ya modificado.

Espero te sirva de ayuda, saludos ;)

Etiquetas: correos, newsletter
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:45.