Mostrando las entradas con la etiqueta HTML tabla. Mostrar todas las entradas
Mostrando las entradas con la etiqueta HTML tabla. Mostrar todas las entradas

16 enero, 2013

Luna Cascabelera

Copia los CóDiGOS HTML

<table align="center" cellpadding="0" cellspacing="0" style="-goog-ms-border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; border: none; width: 100%;"><tbody>
<tr><td style="-goog-ms-border-radius: 20px 20px 0px 0px; -moz-border-radius: 20px 20px 0px 0px; -webkit-border-radius: 20px; background: #3d4355; border-radius: 20px 20px 0px 0px; padding: 20px 20px 0px 20px; text-align: justify;" valign="bottom">
<div style="-goog-ms-border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; border: double 4px #999999; padding: 10px;">
PEGA tu TEXTÖ ACÄ</div>
</td></tr>
<tr><td style="-goog-ms-border-radius: 0px 0px 20px 20px; -moz-border-radius: 0px 0px 20px 20px; -webkit-border-radius: 20px; background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTPqHAT7YVUmZRWZIxcX2t3aNnfL7OZ-IA0IXraLTVLNzLpkxY5Fz2SBzlPybw6zJQhxAaDVJwlWjnkXl3bcxwyFCYH7kkGiPJusJaBRE7yV2gAVzoSqAp9SmHSD96L7nDCYFCBbTpBq4/s1600/luna+hideaway.jpg&quot;) no-repeat scroll 50% 50% transparent; border-radius: 0px 0px 20px 20px; height: 660px; text-align: justify;"></td></tr>
</tbody></table>

13 enero, 2013

Tablas: 2 listas adyacentes

Título original:
Nacionalidad:
Director:
Guión:
Música:
Fotografía:
¿?
¿?
¿?
¿?
¿?
¿?
Intérpretes:  ¿?
¿?
¿?
¿?
¿?
¿?


Para colocar 2 listas adyacentes, se necesitan 3 tablas. La primera Tabla (la Blanca) coloca las otras dos Tablas (la Amarilla y la Naranja) una junto a la otra.. Los textos rojos del ejemplo, son modificables al gusto por Copia/Pega.

<table cellspacing="20"><tbody>
<tr><td style="-goog-ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: solid 1px white; padding: 10px;"><table><tbody>
<tr><td style="text-align: right;"><i>Título original:</i><br />
<i>Nacionalidad:</i><br />
<i>Director:</i><br />
<i>Guión:</i><br />
<i>Música:</i><br />
<i>Fotografía:</i></td><td>¿?<br />
¿?<br />
¿?<br />
¿?<br />
¿?<br />
¿?</td></tr>
</tbody></table>
</td><td style="-goog-ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: solid 1px white; padding: 10px;"><table><tbody>
<tr><td><i>Intérpretes:</i>&nbsp; </td><td>¿?<br />
¿?<br />
¿?<br />
¿?<br />
¿?<br />
¿?</td></tr>
</tbody></table>
</td></tr>
</tbody></table>

11 agosto, 2012

Tres Mástiles

  1. Copia los códigos de abajo, pon tu Blog en HTML y pégalos. No olvides aceptarlo.
  2. Pon tu Blog en REDACTAR y escribe tu Blog normalmente en donde se indica.
  3. El fondo se adapta automáticamente al tamaño del texto.
<table cellpadding="0" cellspacing="0" style="margin-left: auto; margin-right: auto; width: 100%;">
<tbody>
<tr>
<td style="background: url(&quot;http://i1171.photobucket.com/albums/r560/JeanLoup43/tres-mastiles-A1.jpg&quot;) repeat scroll center bottom rgb(33, 38, 56); color: white; font: 11pt century gothic,microsoft sans serif,arial; height: 240px; padding: 10px 10px 0px; text-align: justify;" valign="bottom">PON tu TEXTO ACÁ | place TEXT HERE</td></tr>
<tr>
<td style="background: url(&quot;http://i1171.photobucket.com/albums/r560/JeanLoup43/tres-mastiles-A2.jpg&quot;) no-repeat scroll center top transparent; color: #073281; font: 10pt century gothic,microsoft sans serif,arial; height: 741px; padding: 0px; text-align: justify;"></td></tr>
</tbody></table>
<br />
<span style="font-variant: small-caps;">Tres Mástiles</span>

08 agosto, 2012

el FARO

ESCRiBE tu TEXTO AQUí

1.- Copia·Pega los códigos de abajo, a tu Nuevo Blog (configurado en HTML) y publícalo:
<table align="center" cellpadding="0" cellspacing="0" style="-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; width: 100%;" title=" Marca los Códigos, COPiA y PEGA a tu Post (configurado en HTML) "><tbody>
<tr><td style="-moz-border-radius: 20px 20px 0px 0px; -webkit-border-radius: 20px 20px 0px 0px; background: url(&quot;http://i1171.photobucket.com/albums/r560/JeanLoup43/static-lighthouse2-rt.gif&quot;) no-repeat scroll right top rgb(164, 199, 237); border-radius: 20px 20px 0px 0px; color: #000099; font: 12pt times new roman,new york,times,serif; height: 113px; padding: 20px 80px 0px 20px;" valign="top">ESCRiBE tu TEXTO AQUí</td></tr>
<tr><td style="-moz-border-radius: 0px 0px 20px 20px; -webkit-border-radius: 0px 0px 20px 20px; background: url(&quot;http://i1171.photobucket.com/albums/r560/JeanLoup43/static-lighthouse-br.jpg&quot;) no-repeat scroll right 50% rgb(164, 199, 237); border-radius: 0px 0px 20px 20px; color: black; font: 10pt arial,helvetica,sans-serif; height: 140px; min-height: 140px;"></td></tr>
</tbody></table>
2.- Configura tu Nuevo Blog en REDACTAR, y Copia·Pega (o escribe, si prefieres) tu Blog, reemplazando el texto guía (y acabando, PUBLICA: o todo ¡se te esfuma!).

ATARDECER en el LAGO

ESCRiBE tu TEXTO AQUí (en vez de éste)

1.- Copia·Pega los códigos de abajo, a tu Nuevo Blog (configurado en HTML):
<table align="center" cellpadding="0" cellspacing="0" style="-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; width: 100%;" title=" ASÍ se vé cuando desmarcas al  Edit HTML "><tbody>
<tr><td style="-moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; background: url(&quot;http://i1171.photobucket.com/albums/r560/JeanLoup43/static-sunsetonthelake-lb.gif&quot;) no-repeat scroll left top rgb(223, 197, 164); border-radius: 10px 10px 0px 0px; color: #663300; font: 12pt times new roman,new york,times,serif; height: 100%; padding: 70px 10px 0px;" valign="top">ESCRiBE tu TEXTO AQUí<span style="font-style: italic;">(en vez de éste)</span></td></tr>
<tr><td style="-moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; background: url(&quot;http://i1171.photobucket.com/albums/r560/JeanLoup43/static-sunsetonthelake-b.jpg&quot;) repeat scroll 0% 0% rgb(223, 197, 164); border-radius: 0px 0px 10px 10px; color: black; height: 107px; min-height: 107px;"></td></tr>
</tbody></table>

2.- Configura tu Nuevo Blog en REDACTAR, y Copia·Pega (o escribe, si prefieres) tu Blog, reemplazando al texto guía (y acabando, PUBLICA: o todo ¡se te esfuma!).

Panal

Arriba del Panal:

PEGA tu BLOG ACÁ AFUERA

MARCA, COPiA Y PEGA éstos CòDiGOS a tu POST(Pica HTML):
<table style="-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; width: 100%;" align="center" cellpadding="0" cellspacing="0"><tbody><tr><td style="-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; padding: 10px 15px 140px; font-family: garamond,adobe garamond; font-size: 18pt; min-height: 150px; background: url('http://i1171.photobucket.com/albums/r560/JeanLoup43/panal.gif') repeat-x scroll left bottom rgb(255, 204, 103); height: 150px; color: rgb(55, 30, 13);" align="justify" valign="top">PEGA tu BLOG ACÁ AFUERA</td></tr></tbody></table>

 

  Adentro del Panal:

PEGA tu BLOG ACÁ ADENTRO

MARCA, COPiA Y PEGA éstos CòDiGOS a tu POST(Pica HTML):
<table style="-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; width: 100%;" align="center" cellpadding="0" cellspacing="0"><tbody><tr><td style="-moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px;min-height: 134px; background: url('http://i1171.photobucket.com/albums/r560/JeanLoup43/panalc.gif') repeat-x scroll left top rgb(255, 204, 103); height: 134px; color: rgb(55, 30, 13);"></td></tr><tr><td style="-moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; padding: 10px 15px 140px; font-family: garamond,adobe garamond; font-size: 18pt; min-height: 150px; background: url('http://i1171.photobucket.com/albums/r560/JeanLoup43/panalb.gif') repeat-x scroll right bottom rgb(255, 204, 103); height: 150px; color: rgb(55, 30, 13);" align="justify">PEGA tu BLOG ACÁ ADENTRO</td></tr></tbody></table>

14 octubre, 2011

en Chino

<TABLE style="WIDTH: 100%" cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR>
<TD style="-goog-ms-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; TEXT-ALIGN: center; MIN-HEIGHT: 67px; FONT: 12pt tahoma,new york,times,serif; BACKGROUND: url(http://l.yimg.com/a/a/stationery/static/chinesemotif_tc.gif) rgb(153,51,0) no-repeat center 50%; HEIGHT: 67px; COLOR: rgb(255,204,204)"></TD></TR>
<TR>
<TD style="-goog-ms-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; PADDING-BOTTOM: 40px; PADDING-LEFT: 40px; PADDING-RIGHT: 40px; FONT: 12pt tahoma,new york,times,serif; BACKGROUND: rgb(153,51,0); HEIGHT: 100%; COLOR: rgb(255,204,204); PADDING-TOP: 10px"> ESCRiBE tu TEXTO AQUí </TD></TR></TBODY></TABLE>

Serranía

<TABLE style="WIDTH: 100%" cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR>
<TD style="-goog-ms-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; FONT: 16px arial,helvetica,sans-serif; BACKGROUND: rgb(75,72,177); HEIGHT: 100%; COLOR: rgb(255,221,129); PADDING-TOP: 10px" vAlign=top> ESCRiBE tu TEXTO AQUí </TD></TR>
<TR>
<TD style="-goog-ms-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; MIN-HEIGHT: 160px; FONT: 10pt arial,helvetica,sans-serif; BACKGROUND: url(http://mail.yimg.com/pd/apps/stationery/mountaintop_b.jpg) rgb(75,72,177); HEIGHT: 160px; COLOR: rgb(0,0,0)"></TD></TR></TBODY></TABLE>

<TABLE style="WIDTH: 100%" cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR>
<TD style="-goog-ms-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; MIN-HEIGHT: 130px; BACKGROUND: url(http://mail.yimg.com/pd/apps/stationery/mountaintop_b.jpg) rgb(75,72,177) left top; HEIGHT: 130px; COLOR: rgb(255,221,129)"></TD></TR>
<TR>
<TD style="-goog-ms-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; FONT: 16px arial,helvetica,sans-serif; BACKGROUND: rgb(45,35,70); HEIGHT: 100%; COLOR: rgb(255,200,125); PADDING-TOP: 0px" vAlign=top> ESCRiBE tu TEXTO AQUí </TD></TR></TBODY></TABLE>

ESCRIBE un TEXTO acá arriba
<TABLE style="WIDTH: 100%" cellSpacing=0 cellPadding=0 align=center>
<TBODY><TR>
<TD style="-goog-ms-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; FONT: 16px arial,helvetica,sans-serif; BACKGROUND: rgb(75,72,177); HEIGHT: 100%; COLOR: rgb(255,221,129); PADDING-TOP: 10px" vAlign=top> ESCRiBE un TEXTO acá arriba </TD></TR><TR>
<TD style="MIN-HEIGHT: 130px; BACKGROUND: url(http://mail.yimg.com/pd/apps/stationery/mountaintop_b.jpg) rgb(75,72,177) left top; HEIGHT: 130px; COLOR: rgb(255,221,129)"></TD></TR>
<TR>
<TD style="-goog-ms-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; FONT: 16px arial,helvetica,sans-serif; BACKGROUND: rgb(45,35,70); HEIGHT: 100%; COLOR: rgb(255,200,125); PADDING-TOP: 0px" vAlign=top> ESCRIBE otro TEXTO acá abajo </TD></TR></TBODY></TABLE>

Érase una vez...

* ESCRiBE tu TEXTO desde AQUí *


PLACE HERE

los Muertos NO Hablan

TEXTO ACÁ

1 Encabezado con 2 Columnas

ENCABEZADO
TEXTO 1 ACÁTEXTO 2 ACÁ

<table style="-goog-ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: auto; margin-left: auto; margin-right: auto;" border="1" cellpadding="0" cellspacing="0"><tbody><tr><th colspan="2" style="border: medium none transparent; font: 12pt new york,times,serif;">ENCABEZADO</th></tr><tr><td style="padding: 5px; font: 12pt new york,times,serif; text-align: right; border: medium none transparent;">TEXTO 1 ACÁ</td><td style="padding: 5px; font: 12pt new york,times,serif; text-align: left; border: medium none transparent;">TEXTO 2 ACÁ</td></tr></tbody></table>

3 Tristes Tablas

TíTULO
QuièN QuÈ
QuièN QuÈ
QuièN QuÈ
QuièN QuÈ
QuièN QuÈ

<H3 style="FONT-FAMILY: century gothic; text-align: center;"><SPAN style="COLOR: rgb(204,204,204)">TíTULO</SPAN><BR>
<TABLE style="TEXT-ALIGN: center; margin-left: auto; margin-right: auto; BACKGROUND-COLOR: rgb(0,0,0); COLOR: rgb(102,102,204)" border=2 cellSpacing=4 cellPadding=0 width=500>
<COLGROUP>
<COL width=240>
<TBODY style="FONT-FAMILY: century gothic; FONT-SIZE: 14px">
<TR style="BACKGROUND-COLOR: rgb(51,51,51); COLOR: transparent">
<TD style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; FONT-STYLE: italic; BORDER-TOP: medium none; BORDER-RIGHT: medium none"><FONT color=#ffffff>QuièN</FONT></TD>
<TD style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none"><FONT color=#ffffff>QuÈ</FONT></TD></TR>
<TR style="BACKGROUND-COLOR: rgb(64,64,64); COLOR: transparent">
<TD style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; FONT-STYLE: italic; BORDER-TOP: medium none; BORDER-RIGHT: medium none"><FONT color=#ffffff>QuièN</FONT></TD>
<TD style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none"><FONT color=#ffffff>QuÈ</FONT></TD></TR>
<TR style="BACKGROUND-COLOR: rgb(51,51,51); COLOR: transparent">
<TD style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; FONT-STYLE: italic; BORDER-TOP: medium none; BORDER-RIGHT: medium none"><FONT color=#ffffff>QuièN</FONT></TD>
<TD style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none"><FONT color=#ffffff>QuÈ</FONT></TD></TR>
<TR style="BACKGROUND-COLOR: rgb(64,64,64); COLOR: transparent">
<TD style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; FONT-STYLE: italic; BORDER-TOP: medium none; BORDER-RIGHT: medium none"><FONT color=#ffffff>QuièN</FONT></TD>
<TD style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none"><FONT color=#ffffff>QuÈ</FONT></TD></TR>
<TR style="BACKGROUND-COLOR: rgb(51,51,51); COLOR: transparent">
<TD style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; FONT-STYLE: italic; BORDER-TOP: medium none; BORDER-RIGHT: medium none"><FONT color=#ffffff>QuièN</FONT></TD>
<TD style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none"><FONT color=#ffffff>QuÈ</FONT></TD></TR></TBODY></TABLE></H3>
<table style="background-color: rgb(85, 85, 85); color: rgb(255, 255, 127); text-align: center; margin-left: 20px; margin-right: 20px;" border="2" cellpadding="20" cellspacing="6"><tbody><tr> <td>tu Texto, OBJETO u Post acá</td> </tr></tbody></table>

<table style="background-color: rgb(186, 83, 0); color: rgb(231, 231 , 255); text-align: center; margin-left: auto; margin-right: auto;" border="2" cellpadding="40" cellspacing="3"><tbody><tr> <td><b>tu Texto, OBJETO u Post, acá</b></td> </tr></tbody></table>

3 Encabezados 6 Columnas

Tabla: vacía

quiénquécolumnas (4)
llenarllenarllenarllenarllenarllenar
<h3> <span style="margin-left: 1.5em;">Tabla: vacía</span></h3><table style="color: rgb(0, 0, 0); margin-left: 1.5em;" border="0" cellpadding="6" cellspacing="4"><tbody><tr bgcolor="#b5b5b5"><th color="#ffff85">quién</th><th>qué</th><th colspan="4">columnas (4)</th></tr><tr bgcolor="#c7c7c7"><td>llenar</td><td>llenar</td><td>llenar</td><td>llenar</td><td>llenar</td><td>llenar</td></tr><tr bgcolor="#b5b5b5"><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr bgcolor="#c7c7c7"><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr bgcolor="#b5b5b5"><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr bgcolor="#c7c7c7"><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr bgcolor="#b5b5b5"><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr bgcolor="#c7c7c7"><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr bgcolor="#b5b5b5"><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr bgcolor="#c7c7c7"><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr bgcolor="#b5b5b5"><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr bgcolor="#c7c7c7"><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr bgcolor="#b5b5b5"><td></td><td></td><td></td><td></td><td></td><td></td></tr></tbody></table>