Comments on: Restyle Google Calendar Gadget

By: Rob

Rob — Wed, 10 Sep 2008 00:12:57 +0000

Thanks Brian,

This has helped me a lot!

Can you just say how you remove the hyperlink underlines, so no text decoration and where I need to put the extra code for it, please?

Thanks.

By: 0armada

0armada — Mon, 04 Aug 2008 03:57:00 +0000

Just wanted to let you know, you’ve saved my entire project with this post. Took forever to find it, but once I did…
Thanks a lot, seriously.

By: scott

scott — Tue, 22 Jul 2008 03:59:59 +0000

i have restyled my calendar, fairly successfully, i would love to the color of the links to change from, the default blue to, white.

I would also love to be able to null the links, so people viewing the calendar cannot click through.

By: Nora Brown

Nora Brown — Sun, 20 Jul 2008 19:04:47 +0000

I was having trouble similar to Sheila’s. I don’t know much about server configurations, but I remembered that htaccess files often come in handy. I found this one :http://codesnippets.joyent.com/posts/show/105, and modified it to say xml (instead of xhtml) should be served as application/xml, uploaded it to the same folder as my calendat.xml file, and it worked! It even seems to work in IE, which I didn’t think it would…

RewriteEngine on
RewriteBase /
RewriteCond %{HTTP_ACCEPT} application/xhtml\+xml
RewriteCond %{HTTP_ACCEPT} !application/xhtml\+xml\s*;\s*q=0
RewriteCond %{REQUEST_URI} \.xml$
RewriteCond %{THE_REQUEST} HTTP/1\.1
RewriteRule .* - [T=application/xhtml+xml]

By: Brian

Brian — Sun, 08 Jun 2008 15:43:03 +0000

Hey Scott,

The classes that style the arrows and month are .DP_prev, .DP_curr, and .DP_next. If you have Firefox I highly recommend you install the Firebug plugin. It lets you inspect HTML elements, so that you can identify what styles you need to modify.

%23006633 is just a URL encoded color code. The %23 when decoded is simply ‘#’. So the color is #006633 which is a dark green.

By: scott

scott — Thu, 05 Jun 2008 07:20:53 +0000

hey im trying to change the colour of the month and arrows from default black

whats the area i need to change to get this black.

also could someone tell me what type of colour code this is %23006633 or recomend a colour picker for this type. i.e #333333 html and like ( 000, 000,000 ) rgb. whats that one.

By: Sheila

Sheila — Sat, 08 Mar 2008 12:52:36 +0000

At least I know it’s not webmaster-error! Thank you so much for taking the time to create and maintain this site. Peace and blessings to you!

By: Brian

Brian — Sat, 08 Mar 2008 07:47:34 +0000

Sheila,

Your server is configured to serve xml files as text/xml. You need to reconfigure the server to serve them as application/xml. Without knowing more about your server configuration I can’t help you, and I can only recommend you contact your system administrator to fix the problem.

By: Sheila

Sheila — Sat, 08 Mar 2008 04:22:18 +0000

Trying to change the look of the calendar gadget on my church website. I’ve tried numerous times to follow these instructions, but I keep getting the following error:

Error parsing module spec:
Not a properly formatted file
missing xml header

Website: http://www.elktonumc.org/index2.shtml

I’m afraid I don’t know much about xml headers. Can you help please?

By: Brian

Brian — Tue, 04 Mar 2008 03:08:07 +0000

Though I’ve not confirmed it myself, it should be as simple as:

document.body.style.backgroundColor = “transparent”;

As I already mentioned above in the section about styling the background, the process is a little flakey.

Another option you can try is

document.body.style.backgroundImage=’url(myimage.jpg)’;

In fact, you should be able to dynamically change any DOM-accessible style using that method.