Hi Aaron,

To change one bullet, take a look at the xml file of the jfk example

    http://simile.mit.edu/timeline/examples/jfk/jfk.xml

and search for "Kennedy shot". Note the icon attribute on the 
corresponding <event> element.

To change all bullets at once, you need to change the theme like so

    theme.event.instant.icon = "http://... your own 16x16 bullet .png"

To change the size of the bubble:

    theme.event.bubble.width = 400; // px
    theme.event.bubble.height = 300; // px

All the theme stuff is in here:

    http://simile.mit.edu/timeline/api/scripts/themes.js

You can also override the CSS rules. I'd recommend using Firebug to 
check out which CSS rules are used on which element.

    http://getfirebug.com/

Cheers,

David

Aaron Yates wrote:
>
> Hi all,
>
> I've only recently discovered timeline, and decided that it was such a 
> cool and generally useful app that I'd get started on it straight away.
>
> I've set up a script in PHP that parses RSS2 feeds which goes straight 
> into Timeline, and it's all working fine, but for the life of me, I 
> cannot figure out how to style the app. I'm linking into the API 
> directly from Simile's site, if this helps. I'm not sure how to get a 
> version running from my own server (is it just the one JS?)..
>
> Ideally, I'd like to be able to change bullet styles, all of the 
> colours, and possibly even restyle the bubbles to fit with my current 
> site design. Is there a doc on this anywhere?
>
> Thank you in advance,
>
> Aaron
> ------------------------------------------------------------------------
>
> _______________________________________________
> General mailing list
> [email protected]
> http://simile.mit.edu/mailman/listinfo/general
>   

_______________________________________________
General mailing list
[email protected]
http://simile.mit.edu/mailman/listinfo/general

Reply via email to