Calendar

[angermanaging]

( static preview )


( live preview )
October 2012

Sun.	Mon.	Tues.	Wed.	Thurs.	Fri.	Sat.
	1 HMD.	2	3	4	5	6 News post. IC event.
7	8	9	10	11	12	13
14	15	16	17	18 IC event.	19 IC event.	20 News post. IC event.
21	22	23	24	25	26	27
28	29	30	31

( instructions )

<center><big><big><big><font color="#164368" face="Georgia"><i>October 2012</i></font></big></big></big><br /><table border="0" cellpadding="4px" width="770px" bgcolor="#FAFAFA"> <tr valign="middle" height="50px" align="center"> <td width="100px" bgcolor="#FAFAFA">Sun.</td> <td width="100px" bgcolor="#FAFAFA">Mon.</td> <td width="100px" bgcolor="#FAFAFA">Tues.</td> <td width="100px" bgcolor="#FAFAFA">Wed.</td> <td width="100px" bgcolor="#FAFAFA">Thurs.</td> <td width="100px" bgcolor="#FAFAFA">Fri.</td> <td width="100px" bgcolor="#FAFAFA">Sat.</td> </tr> <tr height="100px" valign="top" align="left"> <td width="100px"></td> <td width="100px" bgcolor="#FFFFFF" style="border: #999 1px solid;"><font color="#898989">1</font><br /><br /><small>HMD.</small></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">2</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">3</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">4</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">5</font></td> <td width="100px" bgcolor="#FFFFFF" style="border: #999 1px solid;"><font color="#898989">6</font><br /><br /><small>News post.<br />IC event.</small></td> </tr> <tr height="100px" valign="top" align="left"> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">7</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">8</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">9</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">10</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">11</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">12</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">13</font></td> </tr> <tr height="100px" valign="top" align="left"> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">14</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">15</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">16</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">17</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">18</font><br /><br /><small>IC event.</small></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">19</font><br /><br /><small>IC event.</small></td> <td width="100px" bgcolor="#FFFFFF" style="border: #999 1px solid;"><font color="#898989">20</font><br /><br /><small>News post.<br />IC event.</small></td> </tr> <tr height="100px" valign="top" align="left"> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">21</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">22</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">23</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">24</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">25</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">26</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">27</font></td> </tr> <tr height="100px" valign="top" align="left"> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">28</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">29</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">30</font></td> <td width="100px" bgcolor="#FFFFFF"><font color="#898989">31</font></td> <td width="100px"></td> <td width="100px"></td> <td width="100px"></td> </tr> </table></center> <div style="width:100%;text-align:right;"><small>Code by <user name="bannertech">.</small></div> I don't recommend anyone fuss with this (or even try to code a different month!) unless they're willing to get their hands dirty with tables. That said, this is very very customizable. The unused "days" are simply <td width="100px"></td> and to get the border around a day, you add style="border: #999 1px solid;" to a <td>. Month header color is #164368 and the table background is #FAFAFA, which will determine the color of the unused days. The date numbers are #898989 and I suggest you do a find + replace all if you want to change that one! Good luck with all the altering!

Comments

[polygon]

Hey! I just wanted to say thank you for this. We're instituting a plot calendar over at savetheearth, and I really really didn't want to be coding one from scratch - this one is really easy to customize and work with, so thanks.

[angermanaging]

Haha you're welcome, and thank you for the compliment! I've held onto this code for years because I find making calendars tedious in the extreme and I never wanted to do it again, lol. I completely understand. I'm looking forward to seeing someone get some use out of it.