Código condicional en correos para compatibilidad con Outlook
Contenido del curso
Bruno Amadori
Ivan Antonio Cruz Priego
Camilo Garzon
Jorge Paiva
Carol Torres Cala
Diego Forero
Team Platzi
Martha Muñoz
Jorge Paiva
Consulta: no está poniendo sintaxis de HTML adentro de un tag STYLE, que en realidad requiere sintaxis CSS? ¿No tiraría error eso?
Hola, en el archivo que se encuentra en la pestaña de "Archivos y enlaces" se encuentra el código html de esta clase y ahi quedo así:
<!--[if (gte mso 9)|(IE)]> <table width="100%" style="border-spacing:0;" > <tr> <td width="200" valign="top" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;" > <![endif]-->Pensé lo mismo...
Sería bueno que en un Screenshoot se muestre el efecto de dejar de usar estos fragmentos condicionales (Ayudaría a afinar el ojo-maquetador de cada uno 😃 )
Entiendo que estos fragmentos sirven para codear html y css (y quizá js pensando en web) , pero “en sintaxis” de la versión del navegador explícitamente indicado en la condición. Encontré algo:
Aquí el signo de admiración sirve para negar:
<!–[if !IE]>–> <p> Este navegador es cualquiera salvo Internet Explorer</p> <!–<![endif]–>
Otro más simpático:
<!–[if (gte IE 5) & (lt IE 8)]> Este navegador es Internet Explorer 5 o cualquier versión más reciente que sea anterior a Internet Explorer 8 <![endif]–>
Fuente:
Compartan lo que encuentren... ;-)
Hola Marta, podrías decirme por favor cómo hago para que aparezca una mano o que cambie el cursor sobre las imágenes que contienes enlaces para que se entienda que son clickables? Actualmente en la plantilla no me cambia el cursor. Hay alguna manera de incluirlo?
Hola, si es un enlace debe cambiar de forma automática, igual puedes usar el cursor de css para cambiar el cursor te dejo el enlace de la documentación https://developer.mozilla.org/en-US/docs/Web/CSS/cursor, los estilos tienes que hacerlos inline para no tener problema.
@ctorresca hola! Puedes usar la propiedad de cursor para cambiarlo, pero debes tener en cuenta la compatibilidad con los clientes de correo, son muy pocos los que son compatibles con esta propiedad, lo puedes consultar en https://www.campaignmonitor.com/css/positioning-display/cursor/
Adicional, ten en cuenta que en los emails las reglas son diferentes, el usuario no espera un cambio en el cursor para entender que puede hacer clic. Los elementos con link se deben destacar con estilos, o ser muy explícitos con el CTA.
Sería bueno que en un Screenshoot se muestre el efecto de dejar de usar estos fragmentos condicionales. (Ayudaría a afinar el ojo-maquetador 😃 )
Por otro lado Entiendo que estos fragmentos sirven para codear html y css (y quizá js pensando en web), pero para “la sintaxis” de la versión del navegador condicionado.
Encontré algo: Aquí el signo de admiración sirve para negar:
<!–[if !IE]>–> <p> Este navegador es cualquiera salvo Internet Explorer</p> <!–<![endif]–>
Otro más simpático:
<!–[if (gte IE 5) & (lt IE 8)]> Este navegador es Internet Explorer 5 o cualquier versión más reciente que sea anterior a Internet Explorer 8 <![endif]–>
Fuente:
Compartan lo que encuentren... ;-)
