released: 2011 Jun 18
Restyle Google Calendar to match your website,
This allows the user to:
Download RESTYLEgc. Use the link above.
Unzip the file on your server, typically into a subfolder named ‘restylegc’.
If you have not already done so, go to the Embeddable Calendar Helper and generate the HTML code for the calendar. Place this code into the page that will display the calendar.
The HTML code for the Google Calendar is an <iframe> tag. You need to edit the src attribute to point to restylegc.php on your server and not http://www.google.com/calendar/embed. See ‘USAGE:’ in the restylegc.php file for an example.
That’s the basic installation. You should be able to edit the included CSS file. If you want to use a different CSS file or move it somewhere else, make sure to update the $stylesheet variable in restylegc.php. Remember, the CSS file is not guaranteed to be up-to-date so you may have to download your own copy. Just follow the directions listed in restylegc.php.
Left is a standard embedded Google Calendar. On the right is the same calendar proxied through RESTYLEgc. The background is transparent as indicated by the orange color at the top. The cerulean blue is replaced by it’s complementary orange color. This is just a short example of the changes that are possible.