De todo un poco!!


Este seria el resultado en nuestro blog:

En realidad se trata de tabla con esquinas redondeadas lo podemos utilizar en nuestro blog para escribir nuestras entradas dentro de estos cuadro.

NOTA:
Lo mas recomendable para poner estos tipos de cuadros es que el diseño de nuestro blog este ancho para que pueda lucir y quedar muy bien nuestro cuadro redondeado

1.- Vamos a nuestro space en modo editar
2.- Agregamos una nueva entrada en modo HTML

3.- Copiamos y pegamos este codigo:

<table cellspacing=0 border=0 width=’100%’ class=’fixedTable blogpost’ style=’overflow:hidden’>
<tr>
<td id=’msgcns!10824237A9E48BB9!351′>
<table style="font-size:12px;font-family:verdana" cellspacing=0 cellpadding=0 width="100%" border=0>
<tbody>
<tr height=31>
<td width=36 background="http://www.mejoratuespacio.com/Imagenes1/esqsupizquierda1.jpg&quot; height=31> </td>
<td background="http://www.mejoratuespacio.com/Imagenes1/superior1.jpg"></td&gt;
<td width=30 background="http://www.mejoratuespacio.com/Imagenes1/esqsupderecha1.jpg"></td></tr&gt;
<tr>

<td background="http://www.mejoratuespacio.com/Imagenes1/lateralizrdo1.jpg"></td&gt;
<td background="http://www.mejoratuespacio.com/Imagenes1/fondo.jpg"&gt;
<p></p>
<div align=center></div>
<p>                      AQUI PUEDES PONER TU TEXTO QUE DESEES</p>
<p>                               EL CUADRO SE AGRANDARA DEPENDIENDO DE </p>
<p>                                                       LO QUE ESCRIBAS</p>

<p><font size=2> <a href="http://WWW.PORTALMESLIVE.COM">WWW.PORTALMESLIVE.COM</a>                           
<a href="http://WWW.FOROMSN.COM">WWW.FOROMSN.COM</a></font></p&gt;
<p> </p></td>
<td background="http://www.mejoratuespacio.com/Imagenes1/lateralde1.jpg"></td></tr&gt;
<tr>
<td background="http://www.mejoratuespacio.com/Imagenes1/esqinfizquierda1.jpg " height=42></td>
<td background="http://www.mejoratuespacio.com/Imagenes1/inferior1.jpg"></td&gt;
<td width=38 background="http://www.mejoratuespacio.com/Imagenes1/esqinfderecha1.jpg"></td></tr></tbody></table></td&gt;

4.- Modificamos lo que sea necesario donde dice "AQUI PUEDES PONER TU TEXTO QUE DESEES" y las direcciones URL

Aqui tenemos otros colores para nuestros cuadros redondeados:

<table cellspacing=0 border=0 width=’100%’ class=’fixedTable blogpost’ style=’overflow:hidden’>
<tr>
<td id=’msgcns!10824237A9E48BB9!351′>
<table style="font-size:12px;font-family:verdana" cellspacing=0 cellpadding=0 width="100%" border=0>
<tbody>
<tr height=31>
<td width=36 background="http://www.mejoratuespacio.com/Imagenes1/esqsupizquierda2.jpg&quot; height=31> </td>
<td background="http://www.mejoratuespacio.com/Imagenes1/superior2.jpg"></td&gt;
<td width=30 background="http://www.mejoratuespacio.com/Imagenes1/esqsupderecha2.jpg"></td></tr&gt;
<tr>

<td background="http://www.mejoratuespacio.com/Imagenes1/lateralizrdo2.jpg"></td&gt;
<td background="http://www.mejoratuespacio.com/Imagenes1/fondo2.jpg"&gt;
<p></p>
<div align=center></div>
<p>                      AQUI PUEDES PONER TU TEXTO QUE DESEES</p>
<p>                               EL CUADRO SE AGRANDARA DEPENDIENDO DE </p>
<p>                                                       LO QUE ESCRIBAS</p>

<p><font size=2> <a href="http://WWW.PORTALMESLIVE.COM">WWW.PORTALMESLIVE.COM</a>                           
<a href="http://WWW.FOROMSN.COM">WWW.FOROMSN.COM</a></font></p&gt;
<p> </p></td>
<td background="http://www.mejoratuespacio.com/Imagenes1/laterade2.jpg"></td></tr&gt;
<tr>
<td background="http://www.mejoratuespacio.com/Imagenes1/esqinfizquierda2.jpg " height=42></td>
<td background="http://www.mejoratuespacio.com/Imagenes1/inferior2.jpg"></td&gt;
<td width=38 background="http://www.mejoratuespacio.com/Imagenes1/esqinfderecha2.jpg"></td></tr></tbody></table></td&gt;

<table cellspacing=0 border=0 width=’100%’ class=’fixedTable blogpost’ style=’overflow:hidden’>
<tr>
<td id=’msgcns!10824237A9E48BB9!351′>
<table style="font-size:12px;font-family:verdana" cellspacing=0 cellpadding=0 width="100%" border=0>
<tbody>
<tr height=31>
<td width=36 background="http://www.mejoratuespacio.com/Imagenes1/esqsupizquierda3.jpg&quot; height=31> </td>
<td background="http://www.mejoratuespacio.com/Imagenes1/superior3.jpg"></td&gt;
<td width=30 background="http://www.mejoratuespacio.com/Imagenes1/esqsupderecha3.jpg"></td></tr&gt;
<tr>

<td background="http://www.mejoratuespacio.com/Imagenes1/lateralizrdo3.jpg"></td&gt;
<td background="http://www.mejoratuespacio.com/Imagenes1/fondo3.jpg"&gt;
<p></p>
<div align=center></div>
<p>                      AQUI PUEDES PONER TU TEXTO QUE DESEES</p>
<p>                               EL CUADRO SE AGRANDARA DEPENDIENDO DE </p>
<p>                                                       LO QUE ESCRIBAS</p>

<p><font size=2> <a href="http://WWW.PORTALMESLIVE.COM">WWW.PORTALMESLIVE.COM</a>                           
<a href="http://WWW.FOROMSN.COM">WWW.FOROMSN.COM</a></font></p&gt;
<p> </p></td>
<td background="http://www.mejoratuespacio.com/Imagenes1/lateralide3.jpg"></td></tr&gt;
<tr>
<td background="http://www.mejoratuespacio.com/Imagenes1/esqinfizquierda33.jpg&quot; height=42></td>
<td background="http://www.mejoratuespacio.com/Imagenes1/inferior3.jpg"></td&gt;
<td width=38 background="http://www.mejoratuespacio.com/Imagenes1/esqinfderecha3.jpg"></td></tr></tbody></table></td&gt;

 
 
 
 

Comentarios en: "Cuadro Redondeados en tu blog" (1)

  1. algo trillado pro es bueno

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: