Re: [Ovillo] Mails HTML

2011-07-04 Por tema Modesto Caballero
Perdón por resucitar este hilo, pero esta presentación de Slideshare (que
está en el mismo eMail Boilerplate) me ha parecido muy interesante:

http://www.slideshare.net/theengagegroup/email-workshop-powell?from=ss_embed

2011/7/1 Miguel Angel mik_...@hotmail.com


 De acuerdo,

 Muchas gracias por todo!!

 Un saludo!

  From: t...@eragin.com
  Date: Fri, 1 Jul 2011 12:18:46 +0200
  To: ovillo@lists.ovillo.org
  Subject: Re: [Ovillo] Mails HTML
 
  aupa
 
  Demo no hay, claro, esto es mas que una plantilla es un punto de partida
 super simple con estilos, comentarios y una estructura básica vacía, si lo
 miras en un navegador no verás mas que un par de lineas de texto en un fondo
 blanco.
  No es una plantilla para rellenar con datos (si buscas se encuentran
 rápido algunas de estas gratuitas).
  Es una base para construir encima tu propio diseño e igualmente hay que
 meterle curro a la cosa, pero sabes que ya tienes unos cuantos apaños e
 incosistencias arregladas y para quien no lo tenga claro te da la estructura
 básica recomendada para un mail html, luego, claro, hay que darle caña :)
 
  saludos
 
  El 01/07/2011, a las 12:00, Miguel Angel escribió:
 
  
   Hey esta muy bien la idea,
  
   Hay alguna demostración de como queda?
  
   Un saludo!
  
   From: t...@eragin.com
   Date: Fri, 1 Jul 2011 11:55:15 +0200
   To: ovillo@lists.ovillo.org
   Subject: [Ovillo] Mails HTML
  
   Hola a todos.
  
   Dándole a esto de los mails html he encontrado una herramienta que me
 ha parecido muy interesante: HTML email boilerplate [1]
   Es una plantilla html con una estructura básica y comentarios
 explicativos y apaños para los problemas mas conocidos de los diferentes
 clientes de mail y webmails.
   Es una buena base para empezar a construir un mail html y tener ahí
 mismo cosas a tener en cuenta, eso si, está en inglés.
  
   Espero que os sea de utilidad.
  
   Saludos
  
   Martin
  
   [1] http://htmlemailboilerplate.com
   ___
   Lista de distribución Ovillo
   Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
   Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo
  
   ___
   Lista de distribución Ovillo
   Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
   Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo
  
 
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5

2011-06-30 Por tema Modesto Caballero
Como bien dice Eddie, añadirle position:relative y un z-index ayuda a que se
muestre correctamente. Lo leí en algún lugar de los foros de CSS3PIE.

Ánimo, paciencia y suerte :D

2011/6/29 Marcos Lorca marcoslo...@hotmail.com


 Para resolver el tema de los bordes redondeados generalmente uso con muy
 buenos resultados algún Script de jQuery, asi te evitas las declarciones
 distintas para cada browser.

 Busca en google Curvycorners.js


 Saludos y éxito

 Marcos


  Date: Wed, 29 Jun 2011 15:24:36 -0300
  From: her...@saberweb.com.ar
  To: ovillo@lists.ovillo.org
  Subject: Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5
 
   Lo que te indican, es que agregues modernizr para que interprete las
   etiquetas html5 (internet explorer) y pruebes a ver si funciona.
  
 
  En mi primer mail decía que ya estoy usando HTML5shiv para eso, y
 funciona.
 
  Las etiquetas de HTML5 las está reconociendo bien Explorer, el problema
 es
  que no redondea los bordes dentro de esas etiquetas, aunque sí los
  redondea fuera de ellas.
 
  --
  Hernán Beati
  http://www.saberweb.com.ar
 
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Diseño de newsletter - tablas

2011-06-23 Por tema Modesto Caballero
En el twitter de Smashing Magazine acaba de publicarse esto, quizá sea de
ayuda:

http://www.campaignmonitor.com/css/

2011/6/23 Martín Moscardi martindi...@gmail.com

 En newsletter nunca se usa un fondo de imagen como fondo de celda o tabla.
 Tenelo en cuenta. Tenés que usar colores planos por html o css (bgcolor y
 background-color, respectivamente).



 2011/6/23 Jairo Ochoa jairo.oc...@gmail.com

  Os cuento.
 
  Es un encargo de un cliente que a su vez se lo ha pedido otro.
 
  No se sabía como lo iban a enviar y ahora parece ser que van a hacer el
  envío desde el CRM de Salesforce.
 
  La última prueba que hice no tengo muy claro si funciona bien, porque en
  Firefox se ve bien pero en Safari el fondo de un TR se repite en cada TD,
  en
  vez de ser unico a todo el ancho del TR.
 
  Salvo ese detalle, se ven bien todo lo demás, he podido eliminar las
 líneas
  de la tabla.
 
  La razón de tener que crear 2 TD en el TR es que necesito un contenido a
 la
  derecha y otro a la izquierda y usando DIV no funciona, porque en
 Outlook
  se muestra uno sobre otro en vez de uno a la derecha y otro a la
 izquierda.
 
  Así solucionado el problema de los bordes y separaciones lo que no
 funciona
  es que se ajuste un contenidos a la derecha del todo y otro en línea a la
  izquierda.
 
 
  Gracias por los enlaces, les voy a echar un ojo.
 
  Saludos,
 
  --
 
  Jairo Ochoa
 
  Dropbox - Almacenamiento gratis / Free online backup
  https://www.dropbox.com/referrals/NTg2Njc1MTg5
 
 
 
  El 23 de junio de 2011 17:39, ima...@adimedia.net escribió:
 
   El mensaje ha llegado correctamente pero... estoy de vacaciones hasta
 el
   próximo 1 de julio. Atenderé tu correo a la vuelta. Si por el motivo
 que
   fuere necesitas ponerte en contacto con adimedia puedes hacerlo en
   i...@adimedia.net o en el Telf. 943 63 57 37.
  
  
   ___
   Lista de distribución Ovillo
   Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
   Puedes modificar tus datos o desuscribirte en la siguiente dirección:
   http://lists.ovillo.org/mailman/listinfo/ovillo
  
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ping a la lista

2011-06-16 Por tema Modesto Caballero
Pong!

2011/6/16 Neftalí Guerrero Pancorbo nguerr...@emergya.com

 El 16/06/11 10:01, Neftalí Guerrero Pancorbo escribió:
  Ping?
 ping?
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo
 


 --
 Neftalí Guerrero Pancorbo
 Área de Proyectos

 Emergya Consultoría
 Tfno: +34 954 51 75 77
 Fax: +34 954 51 64 73
 www.emergya.es

 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] Listado de a en disposición vertical, con background que se adapta a la anchura de cada una de ellas

2011-06-15 Por tema Modesto Caballero
Hola chicas y chicos,

Estoy intentando conseguir lo que aparece en esta imagen:
http://dl.dropbox.com/u/2950396/Screen%20shot%202011-06-15%20at%2011.40.19%20PM.png.
Un listado de etiquetas dispuestas una encima de la otra, rodeadas de
una
etiqueta que se adapta a su anchura. El marcaje está formado por una serie
de a a los que les aplico display:block para que reaccionen al margin y al
padding, pero al hacer eso pasan a ocupar toda la anchura del div padre. Os
paso lo que tengo hecho hasta ahora. El código HTML es el que da el CMS,
pero es modificable si eso facilita la solución: http://jsfiddle.net/je5F2/

¿Qué estoy haciendo mal? ¿Qué debería hacer para que la anchura del recuadro
se adapte a la del a y no ocupe todo el ancho? Muchas gracias :)
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Listado de a en disposición vertical, con background que se adapta a la anchura de cada una de ellas

2011-06-15 Por tema Modesto Caballero
La solución lia , y retirar el display:block ha funcionado
perfectamente. Mi error estaba en creer que era necesario aplicarle un
display:block al a para que aceptara los paddings, y no es así. Muchas
gracias por vuestra ayuda :)

2011/6/16 Tamara Forza tamara.fo...@gmail.com

 Hola,

 no lo he probado pero se me ocurren dos soluciones:

 - insertar un span en los enlaces (a hrefspanhoteles/span/a) y
 que el span define el color de fondo, así solucionas el problema de la
 anchura.

 - en mi opinión seria más correcto pintar el listado de tags con una lista
 (ullia href...hoteles/a/lili... ), además de este modo tienes
 dos elementos para definir los estilos a cada tag (el li y a), y pienso
 que con pocos cambios podrías obtener lo que necesitas.

 No se me ocurre una solución sin cambiar el código generado.. a lo mejor
 prueba definir los enlaces como inline-block y definir un margen derecho
 muy
 grande para que no se queden en la misma linea, pero esta solución no me
 gusta nada.

 Espero te ayude un poco.

 Saludos,
 Tamara

 2011/6/15 Modesto Caballero aguasin...@gmail.com

  Hola chicas y chicos,
 
  Estoy intentando conseguir lo que aparece en esta imagen:
 
 
 http://dl.dropbox.com/u/2950396/Screen%20shot%202011-06-15%20at%2011.40.19%20PM.png
  .
  Un listado de etiquetas dispuestas una encima de la otra, rodeadas de
  una
  etiqueta que se adapta a su anchura. El marcaje está formado por una
 serie
  de a a los que les aplico display:block para que reaccionen al margin y
  al
  padding, pero al hacer eso pasan a ocupar toda la anchura del div padre.
 Os
  paso lo que tengo hecho hasta ahora. El código HTML es el que da el CMS,
  pero es modificable si eso facilita la solución:
  http://jsfiddle.net/je5F2/
 
  ¿Qué estoy haciendo mal? ¿Qué debería hacer para que la anchura del
  recuadro
  se adapte a la del a y no ocupe todo el ancho? Muchas gracias :)
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] CSS en SELECT

2011-06-06 Por tema Modesto Caballero
Hola chicos!

Estoy aplicando CSS a los elementos de un formulario. Los inputs de texto
responden según lo esperado, pero los SELECT me están dando muchos dolores
de cabeza. ¿Es posible que, dependiendo del navegador, este tag actúe de
forma diferente frente a atributos como height? ¿Tenéis algún enlace donde
pueda aprender más sobre este escurridizo tag? ¿Es posible obtener algo como
esto https://skitch.com/aguasingas/fnq7p/11b-test.psd-100-paso-1-de-4-rgb-8
utilizando
CSS o mato al diseñador? :)

De momento los resultados son
https://skitch.com/aguasingas/fnq7s/informacion-basica-clb en Chrome y
https://skitch.com/aguasingas/fnq6r/informacion-basica-clb en Firefox. ¿Es
posible eliminar ese gris del botón del desplegable en Firefox?

Muchas gracias :)
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] CSS en SELECT

2011-06-06 Por tema Modesto Caballero
Hola!

Ok, he hecho lo que debería haber hecho antes de envíar un correo, que es
buscar en los archivos. He llegado a
http://www.mail-archive.com/ovillo@lists.ovillo.org/msg28535.html que
recomienda
http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/en
el que se puede leer:

*HTML select elements*, like many other form elements, *are nearly
impossible to style and customize across browsers*. This jQuery UI widget
provides (...)

Me pelearé con esto a ver qué tal. Un abrazo!

2011/6/1 Modesto Caballero aguasin...@gmail.com

 Hola chicos!

 Estoy aplicando CSS a los elementos de un formulario. Los inputs de texto
 responden según lo esperado, pero los SELECT me están dando muchos dolores
 de cabeza. ¿Es posible que, dependiendo del navegador, este tag actúe de
 forma diferente frente a atributos como height? ¿Tenéis algún enlace donde
 pueda aprender más sobre este escurridizo tag? ¿Es posible obtener algo como
 esto
 https://skitch.com/aguasingas/fnq7p/11b-test.psd-100-paso-1-de-4-rgb-8 
 utilizando
 CSS o mato al diseñador? :)

 De momento los resultados son
 https://skitch.com/aguasingas/fnq7s/informacion-basica-clb en Chrome y
 https://skitch.com/aguasingas/fnq6r/informacion-basica-clb en Firefox. ¿Es
 posible eliminar ese gris del botón del desplegable en Firefox?

 Muchas gracias :)

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo