[TUTO#2] Calendario Interactivo


Tengo una nueva novedad para ustedes :D
Con gran esfuerzo e ingenio, pude lograr hacer un calendario interactivo!

Donde ustedes podran modificar la fecha, colocando una pequeña imagen o mini gif del cual representará a una fecha importante para ustedes.

Así mismo, cada vez que vean su blogito, podran acordarse de esa fecha del cual no quisieran olvidarse de este mes.


Bueno~ empecemos! :D

Especificaciones:

<div class="h4"> </div> =  Con este colocas el diseño del nombre del mes
<td> </td> = Este código es para bajar a la siguiente columna
</tr> <tr> = Este código es para hacer tablas (se puede ver que las fechas estan alineadas),
title="ANUNCIADO"  =  Al colocar encima de la imagen el cursor, saldrá el enunciado

Código Principal:

Esto lo colocarás dentro de tu SIDEBARD, o como desees. Va despues de <HOME>
Este calendario empieza el día Viernes, del cual le tendrás que quitar un <td> </td> si quieres que empiece el día jueves o dependiendo en que día empiece el mes, si lo colocas solo, se creará una celda en blanco.


<div class="h4"> <div style="text-align: right;">Aquí Colocan el Mes</div></div>

<tinyaw><center><table style="float: center; text-transform: uppercase; text-align: center; background-color:transparent; font-size: 11px; font-family: Arial;" width="200" cellpadding=”2” cellspacing=”2“> <tr style="border-bottom: 1pt solid #eeeeee;"> <td>sun</td> <td>mon</td> <td>tue</td> <td>wed</td> <td>thu</td> <td>fri</td> <td>sat</td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td><td> </td> <td>1</td> <td>2</td>  </tr> <tr> <td>3</td><td><img src="URL DE LA IMAGEN" title="ANUNCIADO"></td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> </tr> <tr> <td>10</td> <td>11</td> <td>12</td> <td>13</td> <td>14</td> <td>15</td> <td>16 </td>  </tr> <tr> <td>17</td> <td>18</td> <td>19</td> <td>20</td> <td>21</td> <td>22</td> <td>23</td>  </tr> <tr> <td>24</td><td>25</td> <td>26</td> <td>27</td> <td>28</td> <td>29</td> <td>30</td></tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table></tinyaw></center></span>
Esto sería todo n-n

Espero que les haya gustado este tuto tan sencillo y a la vez tan bonito :D
Cualquier duda que tengan o algún código de mi blog que deseen saber. Me pueden avisar en un coment de aquí o también en mi tagboard.


//// NO TE OLVIDES DE COLOCAR LOS CRÉDITOS CORRESPONDIENTES BITCH! ////

6 comentarios:

  1. Espero que el 19 de Enero pongas mi cumple (:

    ResponderEliminar
  2. Hola Nao-shii ~
    Amé tu blogu! es tan kawaii y sexoxo (?)
    Me tomé la libertad (soy libertida asads NO) de colocar el calendario en mi bloguito, pero no os preocupeis que colocaré el crédito en mi próxima entrada ♥
    Saludines y espero que podamos afiliar ^^

    ResponderEliminar
  3. Anónimo15.6.12

    Hola Nao! Hace días que vengo leyendo tu blog, no había comentado antes por que soy muy perezosa, lo siento D;!

    Me encantó el calendario qe hiciste, yo siempre quise uno así antes pero nunca me dí el tiempo de hacer el code, así que de seguro que usaré el tuyo en mi blogucho ^^ gracias por darte la molestia de darnos los codes C:!!!

    creo que de ahora en adelante seguiré comentando más seguido por aqui, tu blog me gusta mucho!

    que estés bien, bye!

    (no uso blogger, pero en mi perfil está el link a mi blog, por si quieres darte una vuelta)

    ResponderEliminar
  4. Qué bonito!! Yo lo usaré *^* Muchas gracias Nao :P

    ResponderEliminar
  5. holaaw esta muy bonito el calendario me encanto cute :3

    ResponderEliminar
  6. Me encanta estaba buscando esto!!! muchisimas gracias y te qeudo super bien :D

    ResponderEliminar