[EventCalendar] EC css

[Amos Shacham]

Hey Alex,

Just to say that in sweet titles, the title tipbox is a simple <div> and so 
its design is completely customized and tailored any way you want, just like 
any <div> on your website. you can also make it with inner-divs as much as 
you like. So, I am sure you will be able to make it shadowed easily - 
especially using the shadow png's you already have.

I find it so simple to adjust design-wise, and I also found the code easy to 
manipulate. it gives you a good control already, but also wanted to make 
some general changes, such as firing the popup box by element name and not 
element tag. I just needed to take off some lines and "comment" them and 
then change 3 letters in the code. also the time interval and transparency 
are to change. and most important - implementing it in any code is a 2 
minute process (unless what you said about your script being very messy will 
make it a problem to erase...).

I find myself advocating this script as if I wrote it, but I really think it 
is wise to use it in EC because:

1. it is simple and fast loading on any webpage and browser.
2. if a user of EC wants to modify anything about those title popups in EC 
(colors, sizes, timing ect.), this way it will be so easy for him\her.


anyway, I really felt obligated to share this lead with you and I hope I 
helped someone.

amos

----- Original Message -----
From: "Alex Tingle" <alex at firetree.net>
To: "Support for EventCalendar plugin" <eventcalendar at firetree.net>
Sent: Wednesday, March 21, 2007 6:10 PM
Subject: Re: [EventCalendar] EC css

> amos,
>
> On 21 Mar 2007, at 21:28, amos wrote:
>
>> Thank you!
>>
>> As i waited for the answer, i googled the subject a bit and found more
>> than one options to this effect. seems like the king of those scripts
>> is "sweet titles" at http://www.dustindiaz.com/sweet-titles-finalized
>> (demo: http://www.dustindiaz.com/basement/sweet-titles/). it is very
>> light-weight and very simple. it is working with my very uniquely
>> incompatible IE6 and so i believe it will work with most of the
>> browsers. also - it is written in a very simple way and easy to
>> understand. what i mean is that it is relatively easy to customize.
>
> Good lead, thanks for sharing.
>
>
>> so, after this huge advertisement to sweet titles (don't know how it
>> came out this way...), here are my questions:
>>
>> a. were you inspired by or used this script in EC?
>
> Nope. My popups are written from scratch. I did look at the way 
> Nicetitles is implemented.
>
>
>> b. if not, my opinion is that it is a good script to use. what do  you 
>> think?
>
> I'm all for using other people's stuff, rather than writing my own.  That 
> said, Sweet Titles doesn't seem to do shadows.
>
>
>> if managed to understand the code - and change it to my needs while
>> leaving it valid, anyone can...
>
> Yeah, I didn't write mine to be re-used. It was challenge enough just 
> getting it working on all platforms. If you (or anyone) is keen to  reuse 
> my shadow popup code, then I could try to pull it out as a  separate 
> little thing of its own.
>
> -Alex
>
> --
>
>
>> On 3/21/07, Alex Tingle <alex at firetree.net> wrote:
>>> 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
>>>
>>>
>>> _______________________________________________
>>> Blog: http://wpcal.firetree.net/
>>> EventCalendar at firetree.net mailing list
>>> Unsubscribe: http://penguin.firetree.net/eventcalendar
>>>
>>
>> _______________________________________________
>> Blog: http://wpcal.firetree.net/
>> EventCalendar at firetree.net mailing list
>> Unsubscribe: http://penguin.firetree.net/eventcalendar
>
>
> _______________________________________________
> Blog: http://wpcal.firetree.net/
> EventCalendar at firetree.net mailing list
> Unsubscribe: http://penguin.firetree.net/eventcalendar