Kyrios ChMS
Documentación / Newsletter

Diseños de boletines

Diseños para el boletín - Kyrios ChMS

Proporcionamos un conjunto de diseños que puede copiar y utilizar al preparar sus boletines.

Noticias

Puede utilizar este diseño para difundir noticias u otro tipo de contenido.

<!--[if !IE] <html http-equiv="X-UA-Compatible" content="IE=edge" / <!--<![endif]-- <meta name="viewport" content="width=device-width" / <style type="text/css" @media only screen y (min-width: 620px){.wrapper{min-width:600px !important}.wrapper h1{}.wrapper h1{font-size:64px !important;line-height:63px !important}.wrapper h2{}.wrapper h2{font-size:30px !important;line-height:38px !important}.wrapper h3{}.wrapper h3{font-size:22px !important;alto de línea:31px !important}.columna{}.wrapper .size-8{tamaño de fuente:8px !important;alto de línea:14px !important}.wrapper .size-9{tamaño de fuente:9px !important;alto de línea:16px !important}.wrapper .size-10{tamaño de fuente:10px !important;alto de línea:18px !important}.wrapper .size-11{tamaño de fuente:11px !important;alto de línea:19px !important}.wrapper .size-12{tamaño de fuente:12px !important;alto de línea:19px !important}.wrapper .size-13{tamaño de fuente:13px !important;alto de línea:21px !important}.wrapper .size-14{tamaño de fuente:14px !important;alto de línea:21px !important}.wrapper .size-15{tamaño de fuente:15px !important;alto de línea:23px !important}.wrapper .size-16{tamaño de fuente:16px !important;alto de línea:24px !important}.wrapper .size-17{tamaño de fuente:17px !important;alto de línea:26px !important}.wrapper .size-18{tamaño de fuente:18px !important;alto de línea:26px !important}.wrapper .size-20{tamaño de fuente:20px !important;alto de línea:28px !important}.wrapper .size-22{tamaño de fuente:22px !important;alto de línea:31px !important}.wrapper .size-24{tamaño de fuente:24px !important;alto de línea:32px !important}.wrapper .size-26{tamaño de fuente:26px !important;alto de línea:34px !important}.wrapper .size-28{tamaño de fuente:28px !important;alto de línea:36px !important}.wrapper .size-30{tamaño de fuente:30px !important;alto de línea:38px !important}.wrapper .size-32{tamaño de fuente:32px !important;alto de línea:40px !important}.wrapper .size-34{tamaño de fuente:34px !important;alto de línea:43px !important}.wrapper .size-36{tamaño de fuente:36px !important;alto de línea:43px !important}.wrapper .size-40{tamaño de fuente:40px !important;alto de línea:47px !important}.wrapper .size-44{tamaño de fuente:44px !important;alto de línea:50px !important}.wrapper .size-48{tamaño de fuente:48px !important;alto de línea:54px !important}.wrapper .size-56{tamaño de fuente:56px !important;altura de línea:60px !important}.wrapper .size-64{font-size:64px !important;altura de línea:63px !important}} </style <meta name="x-apple-disable-message-reformatting" / <style type="text/css" body { margin: 0; relleno: 0; } tabla { colapso-borde: colapso; diseño de mesa: fijo; } * { altura de línea: heredar; } [x-apple-data-detectores] { color: heredar !importante; decoración de texto: ninguna! Importante; } .wrapper .footer__share-button a:hover, .wrapper .footer__share-button a:focus { color: #ffffff !importante; } .btn a:hover, .btn a:focus, .footer__share-button a:hover, .footer__share-button a:focus, .email-footer__links a:hover, .email-footer__links a:focus { opacidad: 0.8; } .preheader, .header, .layout, .column { transición: ancho 0,25 s de entrada y salida, ancho máximo de 0,25 s de entrada y salida; } .preheader td { padding-bottom: 8px; } .layout, div.header { ancho máximo: 400px !importante; -ancho de respaldo: 95%! Importante; ancho: calc(100% - 20px) !importante; } div.preheader { ancho máximo: 360px !importante; -ancho de respaldo: 90%! Importante; ancho: calc(100% - 60px) !importante; } .snippet, .webversion { Flotante: ¡ninguno! Importante; } .stack .column { ancho máximo: 400px !importante; ancho: 100% !importante; } .ancho-fijo.tiene-borde {ancho máximo: 402px!importante; } .ancho-fijo.tiene-borde .layout__inner { tamaño de caja: cuadro-borde; } .snippet, .webversion { ancho: 50% !importante; } .es decir .btn { ancho: 100%; } .es decir, .stack .column, .ie .stack .gutter { display: table-cell; flotante: ninguno! Importante; } .es decir, div.preheader, .es decir, .email-footer { ancho máximo: 560 px !importante; ancho: 560px! Importante; } .es decir .snippet, .es decir .webversion { ancho: 280px !importante; } .es decir, div.header, .es decir, .diseño {ancho máximo: 600 px! Importante; ancho: 600px! Importante; } .es decir, .dos columnas .columna { ancho máximo: 300 px !importante; ancho: 300px! Importante;[correo electrónico protegido]) !importante; } .tweet {imagen de fondo: url(https://support.kyrioschms.com/wp-content/uploads/2021/01/[correo electrónico protegido]) !importante; } .linkedinshare {imagen de fondo: url(https://support.kyrioschms.com/wp-content/uploads/2021/01/[correo electrónico protegido]) !importante; } .forwardtoafriend {imagen de fondo: url(https://support.kyrioschms.com/wp-content/uploads/2021/01/[correo electrónico protegido]) !importante; } } @media (ancho máximo: 321 px) { .ancho-fijo.tiene-borde .layout__inner { ancho de borde: 1 px 0 !importante; } .layout, .stack .column { ancho mínimo: 320px !importante; ancho: 320px! Importante; } .border { mostrar: ninguno; } .has-gutter .border { mostrar: celda-tabla; } } .mso div { borde: 0 ninguno blanco !importante; } .mso .w560 .divider { Margen izquierdo: 260px !importante; Margen derecho: 260 px! Importante; } .mso .w360 .divider { Margen izquierdo: 160px !importante; Margen derecho: 160px! Importante; } .mso .w260 .divider { Margen izquierdo: 110px !importante; Margen derecho: 110px! Importante; } .mso .w160 .divider { Margen izquierdo: 60px !importante; Margen derecho: 60px! Importante; } .mso .w354 .divider { Margen izquierdo: 157px !importante; Margen derecho: 157px! Importante; } .mso .w250 .divider { Margen izquierdo: 105px !importante; Margen derecho: 105px! Importante; } .mso .w148 .divider { Margen izquierdo: 54px !importante; Margen derecho: 54px! Importante; } .mso .size-8, .ie .size-8 { tamaño de fuente: 8px !importante; altura de línea: 14px! Importante; } .mso .size-9, .ie .size-9 { tamaño de fuente: 9px !importante; altura de línea: 16px! Importante; } .mso .size-10, .ie .size-10 { tamaño de fuente: 10px !importante; altura de línea: 18px! Importante; } .mso .size-11, .ie .size-11 { tamaño de fuente: 11px !importante; altura de línea: 19px! Importante; } .mso .size-12, .ie .size-12 { tamaño de fuente: 12px !importante; altura de línea: 19px! Importante; } .mso .size-13, .ie .size-13 { tamaño de fuente: 13px !importante; altura de línea: 21px! Importante; } .mso .size-14, .ie .size-14 { tamaño de fuente: 14px !importante; altura de línea: 21px! Importante; } .mso .size-15, .ie .size-15 { tamaño de fuente: 15px !importante; altura de línea: 23px! Importante; } .mso .size-16, .ie .size-16 { tamaño de fuente: 16px !importante; altura de línea: 24px! Importante; } .mso .size-17, .ie .size-17 { tamaño de fuente: 17px !importante; altura de línea: 26px! Importante; } .mso .size-18, .ie .size-18 { tamaño de fuente: 18px !importante; altura de línea: 26px! Importante; } .mso .size-20, .ie .size-20 { tamaño de fuente: 20px !importante; altura de línea: 28px! Importante; } .mso .size-22, .ie .size-22 { tamaño de fuente: 22px !importante; altura de línea: 31px! Importante; } .mso .size-24, .ie .size-24 { tamaño de fuente: 24px !importante; altura de línea: 32px! Importante; } .mso .size-26, .ie .size-26 { tamaño de fuente: 26px !importante; altura de línea: 34px! Importante; } .mso .size-28, .ie .size-28 { tamaño de fuente: 28px !importante; altura de línea: 36px! Importante; } .mso .size-30, .ie .size-30 { tamaño de fuente: 30px !importante; altura de línea: 38px! Importante; } .mso .size-32, .ie .size-32 { tamaño de fuente: 32px !importante; altura de línea: 40px! Importante; } .mso .size-34, .ie .size-34 { tamaño de fuente: 34px !importante; altura de línea: 43px! Importante; } .mso .size-36, .ie .size-36 { tamaño de fuente: 36px !importante; altura de línea: 43px! Importante; } .mso .size-40, .ie .size-40 { tamaño de fuente: 40px !importante; altura de línea: 47px! Importante; } .mso .size-44, .ie .size-44 { tamaño de fuente: 44px !importante; altura de línea: 50px! Importante; } .mso .size-48, .ie .size-48 { tamaño de fuente: 48px !importante; altura de línea: 54px! Importante; } .mso .size-56, .ie .size-56 { tamaño de fuente: 56px !importante; altura de línea: 60px! Importante; } .mso .size-64, .ie .size-64 { tamaño de fuente: 64px !importante; altura de línea: 63px! Importante; ); #ccc}.mso .border,.ie .border{color de fondo:#ccc}.mso h1,.ie h1{}.mso h1,.ie h1{font-size:64px !important;line-height:63px !important}.mso h2,.ie h2{}.mso h2,.ie h2{font-size:30px !important;alto de línea:38px !important}.mso h3,.ie h3{}.mso h3,.ie h3{tamaño de fuente:22px !important;alto de línea:31px !important}.mso .layout__inner,.ie .layout__inner{}.mso .footer__share-button p{}.mso .footer__share-button p{font-family:sans-serif} </style <meta name="robots" content="noindex,nofollow" / <meta property="og:title" content="Kyrios ChMS" / <!--[if mso] <body class="mso" <![endif]-- <!--[if !mso] <!-- <!--<![endif]-- <table cellpadding="0" cellpacing="0" class="wrapper" role="presentación" estilo="border-collapse: colapso;table-layout: fijo;min-width: 320px;wid [correo electrónico protegido] con asunto Quitar.</div </div <!--[if mso]  <![endif]-- </div </div <!--[if (mso)|(IE)] </td <td style="width: 200px;" valign="top" class="w160" <![endif]-- <div class="columna estrecha" style="text-align: left;font-size: 12px;line-height: 19px;color: #adb3b9;font-family: sans-serif;Float: left;max-width: 320px;min-width: 200px; width: 320px;ancho: calc(72200px - 12000%);" <div style="Margen izquierdo: 20 px; Margen derecho: 20 px; Margen superior: 10 px; Margen inferior: 10 px;"  </div </div <!--[if (mso)|(IE)] </td </tr </table <![endif]-- </div </div </div <div style="line-height:40px;font-size:40px;"  </div </td </tr </tbody </table

Notificación de importes abiertos

Diseño a utilizar al enviar notificaciones desde la cuenta corriente (tesorería).

<p {{greeting}}<b {{name}}</b ,</p <p  </p <p Esta notificación sirve para informarle que tiene una cantidad de <b {{valor_conta_current}} {{moeda}}</b pendiente en su cuenta actual.</p <p Por favor, rectifique la situación lo antes posible.</p <p  </p <p Saludos cordiales,</p <p <i Demostración en línea</i </p

Nuevo mensaje

<table border="0" cellpadding="0" cellpadding="0" style="espaciado de borde: 0px; colapso de borde: colapso; diseño de tabla: fijo; margen: 0px automático; color de fondo: rgb(244, 208, 46); posición de fondo: centro centro; repetición de fondo: sin repetición; tamaño de fondo: portada;" ancho="100%" <tbody class="cerberus-tbody" <tr id="68fd76a4-a0c1-8bd2-c365-c1fecfa34178" <td align="center" class="td-container" style="font-size: 0px; background-color: transparent;" valign="top" <div class="builder-actions-control selected" <table align="center" border="0" cellpadding="0" cellpacing="0" class="contenedor de correo electrónico" data-compile="true" style="espaciado de bordes: 0px; colapso de bordes: colapso; diseño de tabla: fijo; margen: automático;" ancho="600" <tbody <tr <td bgcolor="transparent" dir="ltr" style="color de fondo: transparente; relleno: 10px 0px;" valign="top" width="100%" <table border="0" cellpadding="0" cellpacing="0" class="row" style="espaciado de bordes: 0px; colapso de bordes: contraer; diseño de tabla: fijo; margen: 0px automático;" width="100%" <tbody <tr <th class="stack-column-center columns" style="font-weight: 400;" valign="top" width="100%" <table border="0" cellpadding="0" cellpadding="0" style="espaciado de bordes: 0px; colapso de bordes: colapso; diseño de tabla: fijo; margen: 0px automático;" ancho="100%" <tbody <tr <td dir="ltr" style="padding: 0px;" valign="top" <table align="center" data-compile="true" data-control="host-panel" style="espaciado de bordes: 0px; colapso de bordes: colapso; diseño de tabla: fijo; margen: 0px automático; ancho: automático;" <tbody <tr <td style="border-right: 10px sólido transparente;" <table class="link-d090a9d70801d26cb89811663fdab2ec" data-compile="true" data-control="link" id="d090a9d7-0801-d26c-b898-11663fdab2ec" style="espaciado de borde: 0px; colapso de borde: colapso; diseño de tabla: fijo; margen: 0px automático;" <tbody <tr <td style="" <div style="borde: 1px sólido transparente;" <p style="font-family: "Merriweather Sans", sans-serif; tamaño de fuente: 13px; color: rgb(75, 75, 75); alineación de texto: centro; decoración de texto: subrayado; margen: 0px;"  </p </div </td </tr </tbody </table </td </tr </tbody </table </td </tr </tbody </table </th </tr </tbody </table </td </tr </tbody </table </div </td </tr <tr id="6e748dc8-e578-c035-700e-910cc9e2367c" <td align="center" class="td-container" style="font-size: 0px; background-color: transparent;" valign="top" <div class="builder-actions-control selected" <table align="center" border="0" cellpadding="0" cellpacing="0" class="contenedor de correo electrónico" data-compile="true" style="espaciado de bordes: 0px; colapso de bordes: colapso; diseño de tabla: fijo; margen: automático;" ancho="600" <tbody <tr <td bgcolor="transparent" dir="ltr" style="color de fondo: transparente; relleno: 0px;" valign="top" width="100%" <table border="0" cellpadding="0" cellpacing="0" class="row" style="espaciado de bordes: 0px; colapso de bordes: contraer; diseño de tabla: fijo; margen: 0px automático;" width="100%" <tbody <tr <th class="stack-column-center columns" style="font-weight: 400;" valign="top" width="100%" <table border="0" cellpadding="0" cellpadding="0" style="espaciado de bordes: 0px; colapso de bordes: colapso; diseño de tabla: fijo; margen: 0px automático;" ancho="100%" <tbody <tr <td dir="ltr" style="padding: 0px;" valign="top" <table border="0" cellpadding="0" cellpacing="0" class="builder-image-control image-82404b7883591f3c20ad5fb30c879468" data-compile="true" data-control="image" style="espaciado de borde: 0px; colapso de borde: colapso; diseño de tabla: fijo; margen: 0px automático;" ancho="100%" <tbody <tr <td style="" valign="top" <table align="center" border="0" cellpadding="0" cellpacing="0" style="espaciado de bordes: 0px; colapso de borde: colapso; diseño de tabla: fijo; margen: 0px automático;" ancho="" <tbody <tr <td style="borde: 0px;" <a <img align="center" alt="kyrioschmslogoazulpkt314px" border="0" class="float-center fluid" height="117" src="https://www.kyrioschms.com/wp-content/uploads/2020/04/kyrioschmslogoazulpkt314px.png" style="display: block; margin: 0px auto; height: auto; ancho máximo: 600px; borde: 0px !importante; contorno: ninguno !importante; ancho="314" / </a </td </tbody </table </td </tbody </table </td </tr </tbody </th