TableCloth una pequeña librería Javascript acompañada de un poco de CSS, que nos permitirá crear tablas de contenido con bonito estilo, efectos agradables, sumamente personalizable, y sobre todo sumamente fácil de implementar. Demo
Descargar el archivo descomprimir y alojar toda la carpeta de nombre “tablecloth” que contiene los archivos tablecloth.css y tablecloth.js en la raíz de tu sitio.
Hacemos la llamada a los archivos, incluyendo dentro de nuestra etiqueta < head > el siguiente código.
JavaScript:
<link href=”tablecloth/tablecloth.css” mce_href=”tablecloth/tablecloth.css” rel=”stylesheet” type=”text/css” media=”screen” />
<script type=”text/javascript” src=”tablecloth/tablecloth.js” mce_src=”tablecloth/tablecloth.js”></script>
HTML:
<table cellspacing=”0″ cellpadding=”0″>
<tr>
<th>Title</th>
<th>Title</th>
<th>Title</th>
<th>Title</th>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
</table>
Resultado:
HTML:
<table cellspacing=”0″ cellpadding=”0″>
<tr>
<th>Title</th>
<th>Title</th>
<th>Title</th>
<th>Title</th>
<th>Title</th>
<th>Title</th>
<th>Title</th>
<th>Title</th>
<th>Title</th>
<th>Title</th>
<th>Title</th>
<th>Title</th>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</table>
Resultado:
HTML:
<table cellspacing=”0″ cellpadding=”0″>
<tr>
<td> </td>
<th>Title</th>
<th>Title</th>
<th>Title</th>
</tr>
<tr>
<th>Title</th>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
<tr>
<th>Title</th>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
</table>
Resultado:
- FrogJS - Galería en Javascript
- AdSense de Google
- Crear formularios en segundos
- Adsense con Wester Union
- Adsense con Wester Union
Leer Comentarios ( 0 )