Monday, June 08, 2015

Tutorial : Calendar

I never planned to post any of my old tutorials here, because they were all pretty lame. And I don't even think they're even helping at all. But since someone asked me to re-upload them back, I guess I'll just do so. 


Copy all this code and paste it in the <body> section, wherever you want it (These are the codes for January 2014)

h {color: #F0AEBC;}
table#CDO img { border: 0px; padding: 0px; margin: 0px;}
<table id="CDO" style="text-transform: uppercase; text-align: center; color: #aaa; font-size: 11px; font-family: calibri;" width="200" cellpadding="0" cellspacing="2">
<div style="text-align: center; letter-spacing: 5px; font: 10px arial; text-transform: uppercase; color: #F0AEBC;margin-bottom: 0px; margin-top: 3px;">01月〜2014年</div>
<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>
<td> 1</td>
<td> 2</td>
<td> 3</td>
<td> 4</td>
<td> 5</td>
<td> 6</td>
<td> 7</td>
<td> 8</td>
<td> 9</td>
<td><img src="" title="INSERT YOUR SPECIAL EVENT"/></td>
<td><img src="" title="EXAMPLE: JONGIN'S BIRTHDAY"/></td>

Note that:
  • <h>♦</h> works as the non-existent day (refer to the calendar please)
  • <td> 1</td>, <td> 2</td> until <td>31</td> works as the date of the day (days starts from Sunday)
  • <img src="" title="INSERT YOUR SPECIAL EVENT"/> is where you marked your special date. Replace it with the date of the day.

RED; You can change it with any other tiny icons
PURPLE; Change it to the name of your special event

(ノ ̄ω ̄)ノ That's it, the tutorial for the calendar. I don't know if it works, but please do leave a comment, so I can fix the codes if there were any errors in it. For the upcoming months, you can alter the dates to yourself by fixing the codes. Just contact me if you have a hard time doing so. I can code them for you.

Till next time ♡ Love, Humaira

Post a Comment