COMO HACER UN LAYOUT: PASO 3

¿Cómo hacer un layout? 3ª parte

*Para ver la primera parte, clickea AQUI.
*Para ver la segunda parte, clickea AQUI.


Ahora, algo que no había tenido tiempo de hacer :)

"La UNIÓN"

Cuando ya tienen las tres partes del layout listas, divididas en tres imágenes (3 archivos), es la hora de subir a Internet.
Las páginas que recomiendo que usen es Photobucket.com, en esta se deben registrar (gratis), podrán subir lo que quieran (imágenes png, jpg, gif, etc.) y esto solo ustedes podrán borrarlo o no...

Para armar el layout, deberán copiar el siguiente código y completarlo con las URL de cada imágen.
Como para que no se pierdan con los nombres, recomiendo que le pongan por ejemplo, a la cabecera, arriba y al pie, abajo... Esto para no confundirse...

<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>

 Del código solo deben cambiar lo que se encuentra en rojo.

Ahora, el código copiado desde el blog al QuiénSoy tiene un defecto, y no funciona correctamente.

Por eso, el codigo del blog lo tienes que copiar a un "bloc de notas" en tu computadora, desde allí lo seleccionas, lo copias nuevamente y lo pegas en el QuiénSoy, ahí lo completas y lo validas...

Para abrir el bloc de notas, ir a INICIO > Todos los programas > Accesorios > Bloc de notas.
Para reconocerlo: 
Para quienes tienen Windows 8, miren este video-tutorial: AQUI.


Mucha suerte!