No se si ya hay un tutorial de layout la verdad que lo busque y no encontre ninguno pero como varias me preguntaron como hacer uno aca les dejo como los hago yo...

Primero y principal hay que hacer 3 imagenes (usando photoscape, photoshop, paint, etc.) con el mismo ancho siempre! Debe ser de 540aprox.. X Largo que deseen.
Luego las imagenes la suben a alguno de estos sitioswwwimgur.com owwwphotobucket.com  y con esos enlaces haran el layout...


Primera imagen: CABECERA


Enlace:http://i.imgur.com/dVrUpe8.png



Segunda imagen: CENTRO



Enlace:http://i.imgur.com/PoUL1Z1.png

Tercera imagen: PIE



Enlace:http://i.imgur.com/YJliITV.png



Cuando tengan todo listo lo siguiente que van hacer es pegar los enlaces segun corresponda en este codigo y luego todo este codigo lo pegan en su QS y listo!



<table style="background-image: url(URL_DE_CENTRO); width: 200px;" _mce_style="background-image: url(URL_DE_CENTRO); width: 200px;" border="0" cellspacing="0" cellpadding="0" align="center" class="mceItemTable">
<tbody>
<tr>
<td><img src="URL_DE_CABECERA" _mce_src="URL_DE_CABECERA" alt=""></td>
</tr>
<tr>
<td>
<p style="text-align: center;" _mce_style="text-align: center;"><br></p>
<p style="text-align: center;" _mce_style="text-align: center;"><span style="color: #000000;" _mce_style="color: #000000;"><strong style="font-size: 14px;" _mce_style="font-size: 14px;"><span style="font-size: 12pt;" _mce_style="font-size: 12pt;">ESCRIBES</span></strong></span></p>
<p style="text-align: center;" _mce_style="text-align: center;"><span style="color: #000000;" _mce_style="color: #000000;"><strong><span style="font-size: 12pt;" _mce_style="font-size: 12pt;">AQUI</span></strong></span></p>
<p style="text-align: center;" _mce_style="text-align: center;"><br></p>
<p style="text-align: center;" _mce_style="text-align: center;"><br></p>
<p style="text-align: center;" _mce_style="text-align: center;"><span style="color: #fd2820;" _mce_style="color: #fd2820;"><strong><span style="font-size: 12pt;" _mce_style="font-size: 12pt;"><br></span></strong></span></p>
<p><br></p>
<p style="text-align: center;" _mce_style="text-align: center;"><br></p>
<p style="text-align: center;" _mce_style="text-align: center;"><br></p>
<p style="text-align: center;" _mce_style="text-align: center;"><br></p>
</td>
</tr>
<tr>
<td><img src="URL_DE_PIE" _mce_src="URL_DE_PIE""></td>
</tr>
</tbody>
</table>




Asi es como les va a quedar...





Recuerden cuando pegan el codigo en su QS hagan click derecho "pegar como texto sin formato"
Espero que les halla hecho de ayuda...    





______________________________

Modifcado por lapolita27 (2016-11-28 20:17:24)