Mass email html (problema newsletter)
Publicado: 16 Oct 2011, 21:40
Buenas,
Os escribo para comunicaros un problema que tengo respecto al mod "Mass Email html" (última versión descargada desde phpbb-es)
Aparentemente he instalado el mod correctamente, pero al hacer uso de él aparecen algunos problemas.
Estoy intentando crear un newsletter, el cuál ya lo tengo preparado, con el tipo de letra, etc... pero parece ser que el mod no reconoce el estilo de la letra, y no respeta bien las dimensiones cuando se envía.
Aquí os código html que uso:
Lo introduzco en el cuadro que se abre al hacer clic en "html" del mod, le doy a enviar. Esto es lo que se ve:
http://img195.imageshack.us/img195/1659 ... termal.png
(podéis compararlo creando un archivo .html y metiendo el código que os doy)
Y otra captura de un problema que me da el mod:
http://img707.imageshack.us/img707/8017/erorresmod.png
¿Cuál es el problema?
Un cordial saludo.
Os escribo para comunicaros un problema que tengo respecto al mod "Mass Email html" (última versión descargada desde phpbb-es)
Aparentemente he instalado el mod correctamente, pero al hacer uso de él aparecen algunos problemas.
Estoy intentando crear un newsletter, el cuál ya lo tengo preparado, con el tipo de letra, etc... pero parece ser que el mod no reconoce el estilo de la letra, y no respeta bien las dimensiones cuando se envía.
Aquí os código html que uso:
SPOILER_SHOW
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css" media="screen">
body {
background-color: #eeeeee;
}
a img {
border: none;
}
table.bg1 {
background-color: #eeeeee;
}
table.bg2 {
background-color: #ffffff;
}
td.permission {
background-color: #eeeeee;
padding: 10px 20px 10px 20px;
}
td.permission p {
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #333333;
margin: 0;
padding: 0;
}
td.permission p a {
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #333333;
}
td.body {
padding: 0 20px 20px 20px;
background-color: #ffffff;
}
td.sidebar h3 {
font-family: Arial;
font-size: 15px;
font-weight: bold;
color: #333333;
margin: 0;
padding: 0;
}
td.sidebar ul {
font-family: Arial;
font-size: 13px;
font-weight: normal;
color: #333333;
margin: 6px 0 14px 24px;
padding: 0;
}
td.sidebar ul li a {
font-family: Arial;
font-size: 13px;
font-weight: normal;
color: #680606;
}
td.sidebar h4 {
font-family: Arial;
font-size: 13px;
font-weight: bold;
color: #680606;
margin: 6px 0 0 0;
padding: 0;
}
td.sidebar h4 a {
font-family: Arial;
font-size: 13px;
font-weight: bold;
color: #680606;
text-decoration: none;
}
td.sidebar p {
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #333333;
margin: 0 0 10px 0;
padding: 0;
}
td.sidebar p a {
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #680606;
text-decoration: none;
}
td.buttons {
padding: 20px 0 0 0;
}
td.mainbar h2 {
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: #680606;
margin: 0;
padding: 0;
}
td.mainbar h2 a {
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: #680606;
text-decoration: none;
margin: 0;
padding: 0;
}
td.mainbar img.hr {
margin: 0;
padding: 0 0 10px 0;
}
td.mainbar p {
font-family: Arial;
font-size: 13px;
font-weight: normal;
color: #333333;
margin: 0 0 14px 0;
padding: 0;
}
td.mainbar p a {
font-family: Arial;
font-size: 13px;
font-weight: normal;
color: #680606;
}
td.mainbar p.more a {
font-family: Arial;
font-size: 13px;
font-weight: normal;
color: #680606;
text-decoration: none;
}
td.mainbar ul {
font-family: Arial;
font-size: 13px;
font-weight: normal;
color: #333333;
margin: 0 0 14px 24px;
padding: 0;
}
td.mainbar ul li a {
font-family: Arial;
font-size: 13px;
font-weight: normal;
color: #680606;
}
td.footer {
padding: 0 20px 0 20px;
background-image: url('http://www.guitarinfo.es/html-email-mar ... ter-bg.gif');
background-repeat: no-repeat;
background-position: top center;
background-color: #333333;
height: 61px;
vertical-align: middle;
}
td.footer p {
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #ffffff;
line-height: 16px;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="bg1">
<tr>
<td align="center">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="bg2">
<tr>
<td class="permission" align="left">
<p>Recibes este mensaje como usuario registrado en Guitarinfo.</p>
<p>¿No estás interesado? <unsubscribe>Cancelar subscripción</unsubscribe>. ¿Problemas viendo el email? <webversion>Véalo en su navegador</webversion>.</p>
</td>
</tr>
<tr>
<td class="header" align="left">
<img src="http://www.guitarinfo.es/html-email-mar ... header.gif" alt="Header" width="600" height="150" />
</td>
</tr>
<tr>
<td valign="top" class="body">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="370" valign="top" class="mainbar" align="left">
<h2><a href="#">¡Volvemos a la carga!</a></h2>
<img class="hr" src="http://www.guitarinfo.es/html-email-mar ... ate/hr.gif" alt="Header" width="340" height="3" />
<p>Después de varios meses de descanso en verano, volvemos con novedades, noticias de música, nuevas colaboraciones y mucho más.</p>
<p>Esto es una prueba del Newsletter.</p>
<p class="more"><a href="#">Leer más</a> <img src="http://www.guitarinfo.es/html-email-mar ... d-more.gif" alt="Header" width="8" height="8" /></p>
<br />
<h2><a href="#">Próxima emisión de radio</a></h2>
<img class="hr" src="http://www.guitarinfo.es/html-email-mar ... ate/hr.gif" alt="Header" width="340" height="3" />
<p>Estamos preparando una nueva emisión con la que contaremos con el famoso grupo metalero y cómico...</p>
<p>Cómo ya sabéis, los propios usuarios podréis hacerles preguntas a través del chat y él os responderá.</p>
<p class="more"><a href="#">Leer más</a> <img src="http://www.guitarinfo.es/html-email-mar ... d-more.gif" alt="Header" width="8" height="8" /></p>
<br />
<h2><a href="#">Hilos de interés</a></h2>
<img class="hr" src="http://www.guitarinfo.es/html-email-mar ... ate/hr.gif" alt="Header" width="340" height="3" />
<ul>
<li><a href="#">Curso oficial de Guitarra</a></li>
<li><a href="#">Sección de covers</a></li>
<li><a href="#">Sistema de amigos</a></li>
</ul>
<br />
<h2><a href="#">Buscamos colaboradores</a></h2>
<img class="hr" src="http://www.guitarinfo.es/html-email-mar ... ate/hr.gif" alt="Header" width="340" height="3" />
<p>Guitarinfo necesita de vuestra ayuda.</p>
<p>Buscamos colaboradores que ayuden con la organización del foro, ponte en contacto con la administración para más información ( administración@guitarinfo.es ).</p>
<p class="more"><a href="#">Leer más</a> <img src="http://www.guitarinfo.es/html-email-mar ... d-more.gif" alt="Header" width="8" height="8" /></p>
</td>
<td width="20"></td>
<td valign="top" width="170" class="sidebar" align="left">
<h3>En este tema</h3>
<ul>
<li><a href="#">Nueva organización</a></li>
<li><a href="#">Colaboradores del mes</a></li>
<li><a href="#">Grupos del mes</a></li>
</ul>
<br />
<h3>Otras noticias</h3>
<h4><a href="#">Golpes de Rock</a></h4>
<p>Emisión semanal de Golpes de Rock.</p>
<h4><a href="#">Concurso de covers</a></h4>
<p>Quién logre hacer el mejor cover de este grupo se llevará un regalo.</p>
<br />
<h3>Envíalo</h3>
<p>¿Conoces a alguien que pueda estar interesado en este email? <forwardtoafriend>¡Compártelo!</forwardtoafriend>.</p>
<h3>Cancelar subscripción</h3>
<p>¿No te interesa este email? <unsubscribe>Date de baja</unsubscribe>.</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="middle" align="left" class="footer" height="61">
<p>http://www.guitarinfo.es - administración@guitarinfo.es</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css" media="screen">
body {
background-color: #eeeeee;
}
a img {
border: none;
}
table.bg1 {
background-color: #eeeeee;
}
table.bg2 {
background-color: #ffffff;
}
td.permission {
background-color: #eeeeee;
padding: 10px 20px 10px 20px;
}
td.permission p {
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #333333;
margin: 0;
padding: 0;
}
td.permission p a {
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #333333;
}
td.body {
padding: 0 20px 20px 20px;
background-color: #ffffff;
}
td.sidebar h3 {
font-family: Arial;
font-size: 15px;
font-weight: bold;
color: #333333;
margin: 0;
padding: 0;
}
td.sidebar ul {
font-family: Arial;
font-size: 13px;
font-weight: normal;
color: #333333;
margin: 6px 0 14px 24px;
padding: 0;
}
td.sidebar ul li a {
font-family: Arial;
font-size: 13px;
font-weight: normal;
color: #680606;
}
td.sidebar h4 {
font-family: Arial;
font-size: 13px;
font-weight: bold;
color: #680606;
margin: 6px 0 0 0;
padding: 0;
}
td.sidebar h4 a {
font-family: Arial;
font-size: 13px;
font-weight: bold;
color: #680606;
text-decoration: none;
}
td.sidebar p {
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #333333;
margin: 0 0 10px 0;
padding: 0;
}
td.sidebar p a {
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #680606;
text-decoration: none;
}
td.buttons {
padding: 20px 0 0 0;
}
td.mainbar h2 {
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: #680606;
margin: 0;
padding: 0;
}
td.mainbar h2 a {
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: #680606;
text-decoration: none;
margin: 0;
padding: 0;
}
td.mainbar img.hr {
margin: 0;
padding: 0 0 10px 0;
}
td.mainbar p {
font-family: Arial;
font-size: 13px;
font-weight: normal;
color: #333333;
margin: 0 0 14px 0;
padding: 0;
}
td.mainbar p a {
font-family: Arial;
font-size: 13px;
font-weight: normal;
color: #680606;
}
td.mainbar p.more a {
font-family: Arial;
font-size: 13px;
font-weight: normal;
color: #680606;
text-decoration: none;
}
td.mainbar ul {
font-family: Arial;
font-size: 13px;
font-weight: normal;
color: #333333;
margin: 0 0 14px 24px;
padding: 0;
}
td.mainbar ul li a {
font-family: Arial;
font-size: 13px;
font-weight: normal;
color: #680606;
}
td.footer {
padding: 0 20px 0 20px;
background-image: url('http://www.guitarinfo.es/html-email-mar ... ter-bg.gif');
background-repeat: no-repeat;
background-position: top center;
background-color: #333333;
height: 61px;
vertical-align: middle;
}
td.footer p {
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #ffffff;
line-height: 16px;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="bg1">
<tr>
<td align="center">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="bg2">
<tr>
<td class="permission" align="left">
<p>Recibes este mensaje como usuario registrado en Guitarinfo.</p>
<p>¿No estás interesado? <unsubscribe>Cancelar subscripción</unsubscribe>. ¿Problemas viendo el email? <webversion>Véalo en su navegador</webversion>.</p>
</td>
</tr>
<tr>
<td class="header" align="left">
<img src="http://www.guitarinfo.es/html-email-mar ... header.gif" alt="Header" width="600" height="150" />
</td>
</tr>
<tr>
<td valign="top" class="body">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="370" valign="top" class="mainbar" align="left">
<h2><a href="#">¡Volvemos a la carga!</a></h2>
<img class="hr" src="http://www.guitarinfo.es/html-email-mar ... ate/hr.gif" alt="Header" width="340" height="3" />
<p>Después de varios meses de descanso en verano, volvemos con novedades, noticias de música, nuevas colaboraciones y mucho más.</p>
<p>Esto es una prueba del Newsletter.</p>
<p class="more"><a href="#">Leer más</a> <img src="http://www.guitarinfo.es/html-email-mar ... d-more.gif" alt="Header" width="8" height="8" /></p>
<br />
<h2><a href="#">Próxima emisión de radio</a></h2>
<img class="hr" src="http://www.guitarinfo.es/html-email-mar ... ate/hr.gif" alt="Header" width="340" height="3" />
<p>Estamos preparando una nueva emisión con la que contaremos con el famoso grupo metalero y cómico...</p>
<p>Cómo ya sabéis, los propios usuarios podréis hacerles preguntas a través del chat y él os responderá.</p>
<p class="more"><a href="#">Leer más</a> <img src="http://www.guitarinfo.es/html-email-mar ... d-more.gif" alt="Header" width="8" height="8" /></p>
<br />
<h2><a href="#">Hilos de interés</a></h2>
<img class="hr" src="http://www.guitarinfo.es/html-email-mar ... ate/hr.gif" alt="Header" width="340" height="3" />
<ul>
<li><a href="#">Curso oficial de Guitarra</a></li>
<li><a href="#">Sección de covers</a></li>
<li><a href="#">Sistema de amigos</a></li>
</ul>
<br />
<h2><a href="#">Buscamos colaboradores</a></h2>
<img class="hr" src="http://www.guitarinfo.es/html-email-mar ... ate/hr.gif" alt="Header" width="340" height="3" />
<p>Guitarinfo necesita de vuestra ayuda.</p>
<p>Buscamos colaboradores que ayuden con la organización del foro, ponte en contacto con la administración para más información ( administración@guitarinfo.es ).</p>
<p class="more"><a href="#">Leer más</a> <img src="http://www.guitarinfo.es/html-email-mar ... d-more.gif" alt="Header" width="8" height="8" /></p>
</td>
<td width="20"></td>
<td valign="top" width="170" class="sidebar" align="left">
<h3>En este tema</h3>
<ul>
<li><a href="#">Nueva organización</a></li>
<li><a href="#">Colaboradores del mes</a></li>
<li><a href="#">Grupos del mes</a></li>
</ul>
<br />
<h3>Otras noticias</h3>
<h4><a href="#">Golpes de Rock</a></h4>
<p>Emisión semanal de Golpes de Rock.</p>
<h4><a href="#">Concurso de covers</a></h4>
<p>Quién logre hacer el mejor cover de este grupo se llevará un regalo.</p>
<br />
<h3>Envíalo</h3>
<p>¿Conoces a alguien que pueda estar interesado en este email? <forwardtoafriend>¡Compártelo!</forwardtoafriend>.</p>
<h3>Cancelar subscripción</h3>
<p>¿No te interesa este email? <unsubscribe>Date de baja</unsubscribe>.</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="middle" align="left" class="footer" height="61">
<p>http://www.guitarinfo.es - administración@guitarinfo.es</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
http://img195.imageshack.us/img195/1659 ... termal.png
(podéis compararlo creando un archivo .html y metiendo el código que os doy)
Y otra captura de un problema que me da el mod:
http://img707.imageshack.us/img707/8017/erorresmod.png
¿Cuál es el problema?
Un cordial saludo.