Thanks for the quick response! Unfortunately the parent divs do not
have any zone-specific class names which I could use CSS selectors
with.
Maybe there is some way that I could add a class name to elements
belonging to a hot zone?
Here is an example of what I'm seeing in firebug:
<div class="timeline-band-layer" style="z-index: 100;">
<div class="timeline-band-layer-inner" style="cursor: -moz-grab;
display: block;" name="ether-markers">
<div class="timeline-date-label" style="left: 375px;
bottom: 0px;">Nov</div>
<div class="timeline-date-label" style="left: 520px;
bottom: 0px;">Dec</div>
<div class="timeline-date-label timeline-date-label-em"
style="left: 670px; bottom: 0px;">2008</div>
<div class="timeline-date-label" style="left: 820px;
bottom: 0px;">Feb</div>
<div class="timeline-date-label" style="left: 961px;
bottom: 0px;">Mar</div>
<div class="timeline-date-label" style="left: 1111px;
bottom: 0px;">Apr</div>
<div class="timeline-date-label" style="left: 1256px;
bottom: 0px;">May</div>
<div class="timeline-date-label" style="left: 1406px;
bottom: 0px;">Jun</div>
<div class="timeline-date-label" style="left: 1551px;
bottom: 0px;">Jul</div>
<div class="timeline-date-label" style="left: 1701px;
bottom: 0px;">Aug</div>
<div class="timeline-date-label" style="left: 1851px;
bottom: 0px;">Sep</div>
<div class="timeline-date-label" style="left: 2321px;
bottom: 0px;">Oct</div>
<div class="timeline-date-label" style="left: 1914px;
bottom: 0px;">Sep 14</div>
<div class="timeline-date-label" style="left: 2079px;
bottom: 0px;">Sep 21</div>
<div class="timeline-date-label" style="left: 2249px;
bottom: 0px;">Sep 28</div>
<div class="timeline-date-label" style="left: 2418px;
bottom: 0px;">Oct 5</div>
<div class="timeline-date-label" style="left: 2587px;
bottom: 0px;">Oct 12</div>
<div class="timeline-date-label" style="left: 2757px;
bottom: 0px;">Oct 19</div>
<div class="timeline-date-label" style="left: 2321px;
bottom: 0px;">Oct</div>
<div class="timeline-date-label" style="left: 2824px;
bottom: 0px;">Nov</div>
<div class="timeline-date-label" style="left: 3371px;
bottom: 0px;">Dec</div>
<div class="timeline-date-label" style="left: 2862px;
bottom: 0px;">Nov 9</div>
<div class="timeline-date-label" style="left: 3008px;
bottom: 0px;">Nov 16</div>
<div class="timeline-date-label" style="left: 3178px;
bottom: 0px;">Nov 23</div>
</div>
</div>
Thanks again,
Gabriel
On May 20, 8:18 pm, [email protected] wrote:
> Hi,
>
> Look at the parent divs too. I'm 95% sure that the hot zones create unique
> class or I'd names.
>
> Then write css rules that select the date labels.
>
> Firebug is very useful for this sort of thing.
>
> Regards,
> Larry
>
> Sent via BlackBerry from T-Mobile
>
> -----Original Message-----
> From: Gabriel Herrera <[email protected]>
>
> Date: Wed, 20 May 2009 06:14:25
> To: SIMILE Widgets<[email protected]>
> Subject: Timeline: Changing the color of the ether date labels by zone
>
> Hello, I'm trying to figure out how to change the color or style of
> the ether-markers by zone. I am using hotzones with Month interval
> units and Week interval units and would like to make the Month
> interval units bold and black so that there is a clear difference
> between the zones. Is this possible?
>
> Right now my angle of attack is trying to style this kind of element:
> <div class="timeline-date-label" style="left: 2706px; bottom:
> 0px;">Sep</div>
>
> Without styling this kind:
> <div class="timeline-date-label" style="left: 2769px; bottom:
> 0px;">Sep 14</div>
>
> Any suggestions?
>
> Thanks,
>
> - gabriel
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"SIMILE Widgets" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/simile-widgets?hl=en
-~----------~----~----~----~------~----~------~--~---
