10 Newest Projects 10 Most Popular Items Contact Us Facebook Pinterest Twitter

Noella Designs :: Your Source for Christmas Printables

 

Santa Says Hello

 

How to Make a Countdown Banner

Using Microsoft FrontPage 2003

Make a Countdown Banner

 

At some point as a "new webmaster", most become interested in creating their own Countdown Banner.  Whether it's for a holiday or just your own special day, a countdown banner is a neat addition to your web page.

 

We are not experts by any stretch of the imagination, but we can tell you how we created our own countdown banners using Microsoft FrontPage 2003 (WYSIWYG Html editor).

 

Step 1:

Create the .png, .jpg or .gif image you want to use for your banner.  Pick any size that suits your need.

 

We'll use this one for demonstration purposes:

Countdown Elf

Step 2:

Insert a table into your page where you want your countdown banner.  Size should equal (1) one row and (1) one column.  Specify width (width of your image) and height (height of your image).  Our image is 173px X 159px, so those are the numbers we'll use to set the size of the table.

 

It should look like this:

 

 

Step 3:

Right-click your table and select "Table Properties".  Click on "use background picture" and browse to find the image you saved for this table.  Click on "Apply" and "OK".

 

Your image should appear within your table as below:

 

 

 

Step 4:

Insert the code below within the table you just created where you wish your countdown to appear.

<script language="JavaScript">
<!--
var today = new Date;
var Future0 = new Date;
ThisYear = 2017;
var FutureMonth = 11;
var FutureDate = 25;
var faraevent = "Christmas";
Future0.setMonth(FutureMonth, FutureDate);
Future0.setFullYear(ThisYear);
today1 = Date.parse(today);
future1 = Date.parse(Future0);
secleft = future1 - today1;
miliday = 24 * 60 * 60 * 1000;
daysleft = secleft/miliday;
daysleftint = Math.round(daysleft);
if (daysleftint > 1)
document.write( 1 + daysleftint, " days until ", faraevent , "! ");
else if (daysleftint == 1)
document.write(faraevent, " is tomorrow! ");
else if (today1 == future1)
document.write(faraevent, " is today! ");
//-->
</script>
</font>

Scroll to view more  >>>

 

This code is set up for Christmas 2017.  If you want to change this, you may alter these lines of code in the above script:

 

ThisYear = 2017;
var FutureMonth = 11;
var FutureDate = 25;
var faraevent = "Christmas"
document.write( 1 + daysleftint, " days until ", faraevent , "! ");
else if (daysleftint == 1)
document.write(faraevent, " is tomorrow! ");

page    1    2

Merry Christmas

 

 

 

 

 

Christmas Charities Favorite Sites Link to Us Privacy Policy Sister Sites Site Map Terms of Use

Thank You for Visiting Today

Noella Designs Copyright