Lunes, 04 de noviembre de 2013

En ésta ocasión voy a compartir contigo, la manera de colocar en tu página una tabla tipo calendario como ésta:

Mes de María 2008

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

No necesitas injertar nada en tu plantilla de html.
Puedes usarla en cualquier entrada o puedes colocarla en cualquier parte de tu blog, usando un elemento HTML en la sección "Diseño".

Puedes verla funcionando en el sig. link:

http://mayo-mesdemaria.blogspot.com/2010/05/mes-de-maria-para-ninos.html

Lo único que tienes que hacer es copiar el sig. código y pegarlo en el lugar que elegiste colocarla.

Las partes en color violeta deberás cambiarla por la dirección que corresponda a cada día.

<table bgcolor="#F5D0A9" border="5" cellpadding="10" cellspacing="10" style="width: 40%px;"><tbody>
<tr align="center"><td class="headerCalendar" colhttp:="" mayo-mesdemaria.blogspot.com="" mes-de-maria-para-ninos.htmlspan="7">Mes de María</td></tr>
<tr><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#1">1</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#2">2</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#3">3</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#4">4</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#5">5</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#6">6</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#7">7</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#8">8</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#9">9</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#10">10</a></td></tr>
<tr align="center"><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#11">11</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#12">12</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#13">13</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#14">14</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#15">15</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#16">16</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#17">17</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#18">18</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#19">19</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#20">20</a></td></tr>
<tr align="center"><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#21">21</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#22">22</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#23">23</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#24">24</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#25">25</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#26">26</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#27">27</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#28">28</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#29">29</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#30">30</a></td><td bgcolor="#ffffff" width="10%"><a href="http://www.blogger.com/blogger.g?blogID=8889815328668510441#31">31</a></td></tr>
</tbody></table>


Tags: tablas, codigos html, diseño de web

Publicado por lauraguilaramirez @ 11:18  | HTML
 | Enviar