This blog site is not meant to be any information that is distributed to the general public. It is to serve as shared documentation between the DNSTC developers; however, if you find something useful and would like to use it, go right ahead.

Sunday, March 3, 2013

Customizing Google Calendar

google-calendar-final1It is well known that you can incorporate your Google Calendar into your website; however, I came across an interesting article that explains how you can customize the CSS so that the calendar will match your website layout.

To create a custom CSS file for your Google Calendar, you will have to create 2 new files and use them instead of the default embedding code.

You’ll need to create 2 new PHP files, the first: custom_calendar.php is the actual calendar file, and custom_calendar.css, a CSS file to style the calendar. The first file is the main one that makes this possible; the second file allows you to change any of the CSS properties. With a little CSS magic, you should be able to customize it further to fit your site perfectly!

The full article can be found here: http://www.webdesignerdepot.com/2012/04/integrating-google-calendar-with-your-website/

No comments:

Post a Comment