viernes, 3 de abril de 2020

Blogueando - Código html para poner un calendario en tu blog

Hola, hoy te traigo una entrada de blogueando, para contarte como hicimos el calendario que puedes ver en el blog de Carla...



Te lo quiero enseñar, porque la verdad que me costó un poco... Pero creo que quedó chulo, eso sí, luego jugando un poco con las propiedades que se tienen, se le puede dar otros estilos, pero yo te traigo lo básico, y luego ya juegas tu...


<table align="center" border="1">

<tbody>
<tr>
<th style="background: #d0a2ff; color: white; font-family: &quot;amatic sc&quot; , sans-serif; font-size: 20px;">LUNES</th>
<th style="background: #d0a2ff; color: white; font-family: &quot;amatic sc&quot; , sans-serif; font-size: 20px;">MARTES</th>
<th style="background: #d0a2ff; color: white; font-family: &quot;amatic sc&quot; , sans-serif; font-size: 20px;">MIÉRCOLES</th>
<th style="background: #d0a2ff; color: white; font-family: &quot;amatic sc&quot; , sans-serif; font-size: 20px;">JUEVES</th>
<th style="background: #d0a2ff; color: white; font-family: &quot;amatic sc&quot; , sans-serif; font-size: 20px;">VIERNES</th>
<th style="background: #d0a2ff; color: white; font-family: &quot;amatic sc&quot; , sans-serif; font-size: 20px;">SÁBADO</th>
<th style="background: #d0a2ff; color: white; font-family: &quot;amatic sc&quot; , sans-serif; font-size: 20px;">DOMINGO</th>
</tr>
<tr>
   <td>Dato </td>
   <td>Dato</td>
   <td>Dato </td>
   <td>Dato </td>
   <td>Dato </td>
   <td>Dato </td>
</tr>
<tr>
   <td>Dato </td>
   <td>Dato</td>
   <td>Dato </td>
   <td>Dato </td>
   <td>Dato </td>
   <td>Dato </td>
</tr>
<tr>
   <td>Dato </td>
   <td>Dato</td>
   <td>Dato </td>
   <td>Dato </td>
   <td>Dato </td>
   <td>Dato </td>
</tr>
<tr>
   <td>Dato </td>
   <td>Dato</td>
   <td>Dato </td>
   <td>Dato </td>
   <td>Dato </td>
   <td>Dato </td>
</tr>
</tbody></table>


Si poner esto en tu HTML, te sale esta tabla: 

En el código los tr, td de Dato, los repites tantas veces como líneas quieras en tu tabla. Y el color de los días de la semana, es el que te marqué en amarillo, y lo puedes cambiar por el que quieras (es fácil de buscar colores en html aquí).

Una vez que has metido tu html, para ir metiendo datos en tu tabla, vas a Redactar de forma normal, y puedes escribir en cada casilla, poner imagenes y enlaces...

Espero que te mole esto que te cuento hoy...

Saludines y buen día...

2 comentarios: