Want to do a jquery countdown timer like this

Question

0.00/5 (No votes)

See more:

Hi all, im using keith wood count down timer: http://keith-wood.name/countdown.html

the layout is too plain, i wanted to put some background to make it looks nicer. for example, yellow background color for Days, green background for hours...etc

Photo

but im not able to change it, anyone familiar with the code can help me?
the code is too long, but you able to download it at his web site.

Posted 7-May-13 21:41pm

melvintcs

Updated 7-May-13 22:00pm

v5

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

**Zoltán Zörgő** · Accepted Answer · 2013-05-07T22:29:00

Solution 1

"Not able to" is nothing we can deal with. What you described is an easy task - but we rarely do the job for anybody else. And it seems a CSS task not a jquery one. This is the css you will need to download and refine to match your needs: http://keith-wood.name/css/jquery.countdown.css[^].
You will probably need to learn some css for that. Start here:
http://www.html.net/tutorials/css/[^]
https://developer.mozilla.org/en-US/docs/CSS/Getting_Started[^]

Posted 7-May-13 22:29pm

Zoltán Zörgő

Updated 7-May-13 22:31pm

v2

Comments

melvintcs 8-May-13 4:54am

tq, but i solved it by just using paint to draw the background and attach it. :)

Zoltán Zörgő 8-May-13 5:08am

Yes, I thought that. That is why yo need to learn a little bit. I suppose the "paint based solution" is not a solution.