VR-T
CSS
HTML
Javascript
Paint Shop Pro
PHP
Misc.
Graphics
Interactions
Clear

Calendar

In the below textarea is the code for a basic calendar. You will have to edit it for whatever month necessary. If the spot does not have a number, you need to put a space there.

For a space, use:

 

Otherwise, number the dates appropriately. Don't forget to edit the month title. Just change the ? to whatever it's supposed to be, whether date or space. If you don't want to use a space, you can use a small symbol, such as '-' or '*'.

The most important part of this tutorial is how to make the date show the activity when you hover over it.

So for example if you want to write New Year's Day, the code looks like this:

You would just put it in the right place, in the January calendar.

Here is the code for the calendar. Change the words in WHAT MONTH AND WHAT YEAR to the appropriate information, and change the "?" to dates.

So it should look like this:

WHAT MONTH AND WHAT YEAR

S

M

T

W

T

F

S

? ? ? ? ? ? ?
? ? ? ? ? ? ?
? ? ? ? ? ? ?
? ? ? ? ? ? ?
? ? ? ? ? ? ?

<-back