Aurora Skin


Skin Aurora

Either your site is elegant,boxed, clean or mininmalistic, we will try to make a skin for your. Check out this neat skin on the right.

All you have to do to apply it on your calendar is change the class from skin-default to skin-aurora. That easy.

Also, the transition is set to fade. You can choose a transition between the months between fade, slide and none.

This calendar has an event set to repeat every month on the 12 and 18.

Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.

Clean Responsive Skin



Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.

Galileo Responsive Skin



My birthday
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.

Test 220px

My birthday
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.
Meeting at Palace
Date: 11-8-2012 at 6PM
Location: Bremen, Germany

Ana is meeting with you in the town square.

Dummy

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Usage


<div class="dzscalendar" id="tr1" style="">
<div class="events">
<div class="realmarkupindocs" data-date="10-8-2012">
<div style="width:240px;">
<h5>Meeting at Palace</h5>
<span class="label">Date: </span>11-8-2012 at 6PM<br/>
<span class="label">Location: </span>Bremen, Germany<br/>
<br/>Ana is meeting with you in the town square.
</div>
</div>
<div class="realmarkupindocs" data-date="11-8-2012">
<div style="width:240px;">
<h5>Meeting at Palace</h5>
<span class="label">Date: </span>11-8-2012 at 6PM<br/>
<span class="label">Location: </span>Bremen, Germany<br/>
<br/>Ana is meeting with you in the town square.
</div>
</div>
</div>
</div>

HTML Structure

The html structure is easy to follow and events are easy to add respecting the structure from the example. You can have unlimited events. Multiple calendars can function on the same page with no problem

<script>
jQuery(document).ready(function($){
$('#tr1').dzscalendar({
start_month: '5' // you can define a custom start month and year
,start_year: '2014'
});
})
</script>

Javascript call

The Javascript call is easily made and you can add your options there. Multiple calls can be made with different calendars. If no start year and month are set the calendar defaults to the current date.