Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Aug 2006
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile Countdown clocks

    Hello! Let me introduce myself. My name is Krysta and I am in need of some assistance with coding. I want to include on my site a countdown clock but I want to use my own image..."nasclock.jpg" from site http://www.geocities.com/nascarkraz But I am dense when it comes to the complicated coding to do such thing, so any chance you might be able to help me by putting the coding using the above information together for this? (EXP Date:Aug 6, 2006; 14:00) Any assistance would be apprecaited. Thank You for your time!
    Krysta

  • #2
    Regular Coder
    Join Date
    Dec 2005
    Location
    Ohio
    Posts
    286
    Thanks
    7
    Thanked 9 Times in 9 Posts
    Hi and welcome to the forums!

    I am glad to see that you posted this question in the forums as well. It is best to post first and ask specific questions to users after you receive a couple of replies. It allows loads more people to see your question and get it answered quicker and help others who may have the same problem.

    Looking at your question, it seems like it might get moved to the javascript forums because a countdown clock would be best created using javascript. You may want to edit your post to include some more detailed information. I am assuming that you want the image "nasclock.jpg" to be the background for your clock.

    Unfortunately, I am not the most savvy person when it comes to javascript. Dynamic Drive has loads of scripts that could help you out, not to mention, the individual scripts tell you which ones work in which browsers. Here is a list of several of their javascript clocks that would work better for you and this one here is the one that I would recommend for you. It is compatible in all the major browsers and allows you to edit the layout, including the background.
    This is how I would code the CSS to include "nasclock.jpg" as your background for the clock:

    Code:
    <style style="text/css">
    .lcdstyle{ /*Example CSS to create LCD countdown look*/
         background-image: url('nasclock.jpg');
         color:fff;
         font: bold 18px MS Sans Serif;
         padding: 3px;
         }
    
    .lcdstyle sup{ /*Example CSS to create LCD countdown look*/
         font-size: 80%
         }
    </style>
    A few more tips:
    I would definitely check out w3schools.com and learn more about HTML and CSS. I am not sure if you created your page using an HTML editor or if you did it yourself, but either way, w3schools will give you the tips to clean up your code a bit and make it not only easier to read, but easier for others to help you troubleshoot.
    I went ahead and basically recoded your main page the best I could. You can look at the code here. Your original background is very busy and makes the text difficult to read. I used your background image once on the page; maybe you can think of something better to do with it. I also coded the entire page using xhtml transitional and css. It does not validate right now and will not validate as long as you use the <embed> tag for your flash swfs. Another big thing I changed was removing a lot of your unnecessary javascript for simple things like hover effects. The code is not 100% perfect, and of course, does not look completely correct in IE, but it will set you miles ahead of your original.

    Hope this helps!

  • #3
    Regular Coder mic2100's Avatar
    Join Date
    Feb 2006
    Location
    Scunthorpe
    Posts
    562
    Thanks
    15
    Thanked 28 Times in 27 Posts
    this is summit i found on google it may be useful

    The Countdown Clock/Javascript.asp


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •