[EventCalendar] EC css

[Alex Tingle]

Hi amos,

On 21 Mar 2007, at 18:51, amos wrote:

> i have a question:
>
> how do you achive the tipbox (the little box that appears when you
> mouse-over a dat in the calendar that has an event in it) css design?
>
> i mean mainly the shadow, the fixed size and the transperency.

It's an absolute position table, that's positioned and hidden/ 
displayed by Javascript. Look in popup.js for the code.

The shadow is done with three PNGs with alpha channels. There's some  
non-standard nonsense required to make those work properly on IE.

-Alex

--


> i digged in (just) a bit and saw that a table cell that contains a day
> with an event get the css class "ec3_eventday" and that the link
> itself gets the class "eventday" and that the content of the tooltip
> is in the "title" arrtitube of the anchor code.
>
> then i looked in the stylesheet, but couldn't really find those
> classes in it, except the color of the link with class "eventday". i
> did see a lot of popups and shadows thingies.
>
> is it a javascript driven effect? any other information on that?
>
> thanks,
> amos
>
> _______________________________________________
> Blog: http://wpcal.firetree.net/
> EventCalendar at firetree.net mailing list
> Unsubscribe: http://penguin.firetree.net/eventcalendar