Countdown Timer Cliptheapex.com

[Paul B]

No problem...your timer looks cool btw

Ta

I stole your idea for my site

I now put the flag of the current Grand Prix as a background image

http://cliptheapex.com/

 

[EQnoble]

I stole your idea for my site

I now put the flag of the current Grand Prix as a background image

http://cliptheapex.com/

Ha! I chuckled a bit at the first line. I really like how that looks. It now gives me an idea...which probably isn't a good thing because I just woke up from a quasi-comatose state...I'm going to wait before trying it at least until after coffee.

 

[CFodder]

I stole your idea for my site

I now put the flag of the current Grand Prix as a background image

http://cliptheapex.com/

Bloody stealer ... nah looks good, esp with the opacity on it .

 

[ArnyVee]

How do you guys add the images behind the counter? Looks great!

 

[Paul B]

I've done mine inline as I will need to update it for each GP so as I'll be updating the counter details anyway, it's easier to keep it all in the same template.



I also had to modify some of the CSS to change the digit background to transparent or none, and also make the H3 heading and dividers darker.

 

[CFodder]

Yeah, I finally figured out to get rid of the horrible <br /> and <center> commands, got the countdown looking the same in both IE and FF now .

The prob with the digit columns was I hadn't made them wider to allow for the larger font size - go figure, and have changed css in lots of places for it all lol. I added my css for the background image under extra.css. The only thing I couldn't figure was how to fit the image into the box but oh well, it looks good enough for now.

 

[EQnoble]

If you pc message me I will help you finish touching it up if you would like. I just need to finish this plate of homemade from scratch brownies and apple pie. But yeah just message me if you want a bit of help.

 

[Andy.N]

I just need to finish this plate of homemade from scratch brownies and apple pie.

Is it me or everytime I read your post, it almost always has something to do with you eating/trying to eat something?

 

[EQnoble]

It's my way of reminding myself that I have to leave here and eat because I often forget to once I get all xen'd out.

 

[glorify]

I liked this countdown design so much I added it to XenPorta for the next update: http://www.8wayrun.com/

Where can you edit the css colors, etc in your version, Jaxel?

 

[Andy.N]

Would it possible to attach an email signup form at the bottom of this counter so people can sign up for the newsletter when the event arrives?

 

[masterchief]

Because I am learning sir...because I am learning. If I knew how to integrate options into the acp I would. I simply took Brogans mod and turned it into an addon so people who aren't trying to do million code edits for all their mods on an upgrade don't have to. Simple as that.

I am using it as an XenPorta addon module via XML file ... no template edits involved.

 

[CFodder]

OK, this is starting to drive me nuts (not a long road-trip to get me there let me tell ya) ... but I now have 2 countdowns appearing in the sidebar. One where it's supposed to go where I've included the template BUT also a second one at the bottom of the sidebar with no figures in for the actual countdown.

I've looked through the templates to try and find where this mysterious second is originating from but damned if I can find it. Have even reverted the forum_list and page_container templates but it's still appearing aaaaaargggghhh.

Any help would be greatly appreciated ... I bet it's something simple I missed!!

The first pic shows the countdown as and where it should be, second pic is the 'shadow' second countdown box.

 

[EQnoble]

PC message me your forum's domain and I will look at it for you. Running to the store right now...ill check back in 20 - 30 mins

 

[CFodder]

PC message me your forum's domain and I will look at it for you. Running to the store right now...ill check back in 20 - 30 mins

Convo sent .

 

[EQnoble]

Convo sent .

Ok in case you have not checked your pm since your return to your keyboard... I have figured out a simple way to add a widget out of this for the [bd] Widget Framework which only requires you to add the widget in the acp and comment out one line from this addon. I am going to update the OP to reflect the directions for this. Get back to me however you want and lemme know if it needs a fixxin.

 

[funkdoctorspock]

Can anyone point me to the follow with regards to this add-on:

i. Where I can go to locate/add background images
ii. Where I can change the colour of the text/numbers

Also, How can I change the position of where the countdown is located. At the moment it is at the bottom of my sidebar and I would like to position it higher.

Thanks in advance!

 

[EQnoble]

1. by default there are no images as far as I remember but you can indeed add your own in the cta templates. You can pull these up quite easily by typing cta in the filter items field in the template list container's title area. Of course you must have the style you are editing it for selected so don't mind that you see mine on master style.
   
   
   The ones you want to play with are suffixed with _main and _sidebar.
   
   
2. The styling for it is in _main , only edit inside the <script> tags unless you really know what your doing or you just don't care

I assume from what you asked that you understand basic css and html so I kept it s.a.s. but if you need help getting your timer looking how you want lemme know.

 

[Paul B]

To add a background image, edit the main div like so:

<div class="secondaryContent" style="background: url('../path/to/image.png') no-repeat">

To change the digit colour, you need to edit this class:
.dash .digit {
color: @primaryLighter;
}

 

[Lilybet]

Thank you for this useful function, EQnoble! a .XML file would be great for me though!