[EventCalendar] Re: skinning the calendar (was "IE Compatability Issues?")

[ejm]

1. To remove the shadow from the popup block, simply remove from
ec3.css the following ids (and their specs)
.........................................
#ec3_shadow0 div 
#ec3_shadow0 
#ec3_shadow1 
#ec3_shadow2 div 
#ec3_shadow2
.........................................

2. To remove the forward and back buttons border, either add 
.........................................
#wp-calendar td.pad {border:0}
.........................................
to ec3.css or make the change in your theme's stylesheet. You can also
change the background colour. If you make changes to the colours in
ec3.css, you may have to attach "!important" to the spec(s) in order
for the colour(s) to appear. Something along the lines of:
.........................................
.ec3_eventday a {
 background:#fff !IMPORTANT;
 color:#090 !IMPORTANT;
 border:1px outset #090;
}

.ec3_eventday a:hover {
 color:#00c !IMPORTANT;
}
.........................................

3. To change hover effects on days, 
.ec3_eventday a:hover 

4. to show 24HR format
Options > General panels in your Administration Panels of Wordpress. 

In the time window, put 
...................................
H:i
.................................

This is what would go in your index.php of your theme:
...........................
   <?php the_time('H:i') ?>
..........................


The uppercase "H" shows the 24 hour format with leading zeros. For
more on this, please take a look at the following page:
http://ca.php.net/manual/en/function.date.php

This page may be of use as well:
http://codex.wordpress.org/Formatting_Date_and_Time

Hope that helps!

-ejm

On Sun May 14 12:06:02 2006, Theunis Groenewald wrote:
[...]
> I would also like some help, skinning the Calendar. I’ve tried
> playing around with the ec3.css file, but no significant changes
> appear in the browser. I’m trying to remove the shadow from the
> popup block, as well as changing the time portrayed in the popup
> bar to 24HR format instead of 12HR format (to display 19:00
> instead of 07.00 pm). I’ve noticed that in IE the forward and
> backward buttons have a border around them, the same as the days
> in the calendar. Can I remove them? And then, I’ve tried to
> change the hover effects on the days in the calendar to show a
> solid background, instead of just a border. But now, the forward
> buttons, as well as the blank block at the bottom of the calendar
> (where the EC logo should be) also shows a background color.
> Which id values hould I assign them in the stylesheet to change that?