Calendar Code


This calendar widget uses Javascript that is hosted by CultureMob.com. It will always be up to date with the latest event information. Getting started is easy:

  • Customize your widget.

  • Grab the code.

  • Insert into any HTML page.



Calendar HTML Guide

You can also customize your calendar by using CSS. Here is an example of what the auto-generated HTML looks like:


<div id="cm-calendar">
  <div id="cm-calendar-content">
    <h2 id="cm-calendar-title">Calendar Title</h2>
    <div class="cm-event">
      <a class="cm-event-image">
        <img src="..."/>
      </a>
      <h3 class="cm-event-title">Event Title</h3>
      <p class="cm-event-description">Description</p>
      <ul class="cm-event-showtimes">
        <li class="cm-event-showtime">
          <p>
            <abbr class="date">
              <span class="day">Wed May 5</span>
              <span class="time">8:00pm</span>
            </abbr>
            At
            <a href="...">Venue Title</a>
          </p>
        </li>
        <li class="cm-event-showtime">...</li>
        <li class="cm-event-showtime">...</li>
      </ul>
    </div>
    <div class="cm-event">...</div>
    <div class="cm-event">...</div>
  </div>
</div>

Kissing Potion Event Calendar


Customize Your Widget

-->

Preview: