Membership
 Join Now
 Login

HTML Calendar

This is the place where you can create a calendar for ANY month and year you wish. This is perfect for creating lunch menus and school event calendars, to name a few.

Instructions

  1. Using the settings in Week Day Text Format (below) to format your calendar.
  2. Click Create Calendar to create a calendar. You will be asked to enter the month and year. (The HTML code for the calendar should appear in the HTML Output box below.)
  3. Click Preview, at any time, to see what your calendar looks like. Close the window when you are done viewing.
  4. Copy the HTML and paste it into one of your stories:
    1. Click in the HTML Output box.
    2. Select all the text in the box. (Ctrl-A for Windows / Command-A for Mac)
    3. Copy the text to the clipboard. (Ctrl-C for Windows / Command-C for Mac)
    4. Go to your web site and create a new story or edit a current story.
    5. If you are using the WYSIWYG editor, change to Source or View HTML.
    6. Paste the text into your story. (Ctrl-V for Windows / Command-V for Mac)
  5. Add events to your calendar. (For example, I will add a Manila class on February 6, 2007.)
    1. Scroll down and find the event date in your story.
      ...snip...
       <td><div align="right">4</div></td>
       <td><div align="right">5</div></td>
       <td><div align="right">6</div></td>
       <td><div align="right">7</div></td>
       <td><div align="right">8</div></td>
      ...snip...
    2. Type the name of the event between the </div> and </td>.
      ...snip...
       <td><div align="right">4</div></td>
       <td><div align="right">5</div></td>
       <td><div align="right">6</div>Manila Phase I</td>
       <td><div align="right">7</div></td>
       <td><div align="right">8</div></td>
      ...snip...
  6. Change back to WYSIWYG (if necessary) and post your story.
Calendar Tools
Week Day Text Format
Short Title
(Sun, Mon, etc.)
Style Bold Italics
Text Color


HTML Output (copy this and paste it into your story)

This Calendar HTML Creator was created by Joe Frichtl and modified by Patrick Schwisow. If you have any comments or suggestions to improve it, please e-mail the District Web Manager.