Pues mira, es muy fácil:
Separas las imágenes del diseño, por ejemplo una imagen de la esquina izquierda de arriba (
1), otra imagen de la esquina derecha de arriba (
2), una de arriba del medio (
3), la parte del medio donde vas a poner el texto de la noticia (
4) y el cierre del box de abajo (
5).
Si el diseño es así
Quedaría algo así para hacerlo tabla por tabla...Imagen
1:
Imagen
2:
Imagen
3:
Imagen
4:
Imagen
5:
Así montado
Ya está listo:
<body>
<table width="392" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="51"><img src="http://img126.imageshack.us/img126/7889/72599997.png" width="51" height="41" alt="1" /></td>
<td width="297" align="left" valign="middle" background="http://img515.imageshack.us/img515/6366/79585518.png">{avatar} {title} {category}</td>
<td width="51"><img src="http://img52.imageshack.us/img52/4492/20961962.png" width="51" height="41" alt="2" /></td>
</tr>
<tr>
<td colspan="3" align="center" valign="top" background="http://img526.imageshack.us/img526/1613/50067564.png"><h6 class="Estilo2"> <strong>{short-story}</strong> </h6>
<h6 class="Estilo2"> <strong>Noticia escrita por </strong>{author} el <strong>{date}</strong></h6></td>
</tr>
<tr>
<td colspan="3"><img src="http://img153.imageshack.us/img153/2086/49594775.png" width="398" height="13" alt="5" /></td>
</tr>
</table>
</body>
