Home

 

 Activities

 Cards

 Clip Art

 Decorations

 Goin' Green

 Graphics

 Handmade Crafts

 History of...

 How To's...

 Just for Fun

 Money Savers

 Party Printables

 Printable Games

 Recipes

 Song Lyrics

 Stories

 for Webmasters

 
 
 

 

 

 

 
 
 
 
 
Sister Sites

Candles 4 Christmas

Fudge 4 Christmas

Gingerbread 4 Christmas

Great Holiday Sites

Holly Jolly Jigsaw

Kid Scraps

Merry Sites

on the 12 Days of Christmas

Snowflakes for Christmas

The Home School Zone 

 
 
 

How to Make a Countdown Banner

using Microsoft FrontPage 2003

 
   
 
 

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:

 

 

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 into your html code where you wish your countdown to appear.

 

Right-click inside box, "select all", "copy" and "paste".

 
 

 

<script language="JavaScript">
<!--
var today = new Date;
var Future0 = new Date;
ThisYear = 2011;
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 see more >>>

 

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

 

ThisYear = 2011;
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 ]
 

   FUN!    FUN!     FUN!     FUN!     FUN!     FUN!     FUN!     FUN!     FUN!   

Christmas Calendars

 

 

 

Christmas Clings

FUN!    FUN!     FUN!     FUN!     FUN!     FUN!     FUN!     FUN!     FUN!

 
 
 

About Us Advertise with Us Christmas Charities Contact Us Favorite Sites

Link Exchange Link to Us Merry Network Friends Our Awards Resources

 Privacy Policy Site Map Terms of Use Web Rings

 
Noella Designs is on Facebookfriend us at myspacetweet us on twitter
 

Web Site Designed and Maintained by Noella Designs

 

proud affiliate of Merry Network