Today is . Page created 02/18/2000, updated 06/26/06

Count Up Since Site Debut I-Count Up Since Inception Count Up Since

T his is a very cool and rare script that counts in real time how long your site has been up and running from the day of it's debut. It can also be used to count up from any given date you choose to input into the script.

We have tested the code in IE6.0, Firefox1.5.0.4, Opera9.0, Netscape8.1 and AOL Explorer1.2. This script worked well in all platforms with no variations observed.

D epending on your knowledge of HTML and java scripts, this is an easy one step copy and paste code, that you paste anywhere within the <BODY> section you want this effect to appear. Below we shall show you where and how to make the few reconfigurations within the script to make it work and be cosmetic with your site. If you notice the effect above, this has been reconfigured already.

Default Section Of Code

//////////CONFIGURE THE countup SCRIPT HERE//////////////////

//STEP 1: Configure the date to count up from, in the format year, month, day:
//This date should be less than today
setcountup(1999,3,2)

//STEP 2: Configure text to be attached to count up
var displaymessage="have passed since the debut of our site!"

//STEP 3: Configure the below 5 variables to set the width, height, background color, and text style of the countup area
var countupwidth='95%'
var countupheight='20px' //applicable only in NS4
var countupbgcolor='lightyellow'
var opentags='<font face="Verdana"><small>'
var closetags='</small></font>'

//////////DO NOT EDIT PASS THIS LINE//////////////////

Reconfigured Section Of Code

//////////CONFIGURE THE countup SCRIPT HERE//////////////////

//STEP 1: Configure the date to count up from, in the format year, month, day:
//This date should be less than today
setcountup(2000,8,18)

//STEP 2: Configure text to be attached to count up
var displaymessage="<br><font color='#fff0f5'>Since The Debut Of Our Site!
</font>"

//STEP 3: Configure the below 5 variables to set the width, height, background color,
and text style of the countup area
var countupwidth='95%'
var countupheight='60px' //applicable only in NS4
var countupbgcolor='black'
var opentags='<font face="Georgia,Arial,Helvetica">'
var closetags='</font>'

//////////DO NOT EDIT PASS THIS LINE//////////////////

Note On Above Three Font Styles!

A s you can notice in our reconfiguration we added three different font styles as opposed to the default of only one style. Reason being is correct HTML coding dictates the use of three different styles because if the pc viewing the first style does not have it, it will automatically select the second style listed. Having only one style can cause he page to load slower because the system needs to select a font style from its own font files.


T here are a few tags and characters in this script that also need to be explained in conjunction to positioning and font within the script.

//STEP 2: Configure text to be attached to count up
var displaymessage="<br>
       I f you notice this tag is not in the default but has been added to the reconfigurations. All this does is offset the text instead of having it on the same line as the counter it breaks it to the next line. This is a personal preference, if you want this tag or not.


<font color='#fff0f5'>Since The Debut Of Our Site!</font>"

If you notice here the use of the single apostrophy ' is used inside the font color tag. The reason being is that the whole script makes use of both the ' and the " characters. If you are going to change the font color within the script in this section for the message you need to do it as in the above example.
If not you will get an error of Error: Invalid character

<small>Verdana</small>
      Here is an example of this tag used within the default script to make the font smaller without going to another font size. You can either keep it or remove these tags.


On A Final Note     This script makes use of the body onload event or in this case window onload event. If you have more than one effect on your page with this event you may find that one or neither effect will work. If you follow the below link, it will explain how to make all your effects work with this onload event.
Scripts In Conflict ]

W e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. If you have any problems with this or anything else, feel free to consult our FAQ ] and if you can't find the answer there, contact us ].
Get Code Here ]   [ Rate This Page ]  

W e also have another script that is almost identical to this one with the exception it shows Years, Months and Days. If you would like to see that one, grab the below link and you are there.
Site Debut II-Count Up Since Inception ]

Talk Live To A Support Technician

Search Our Site By Individual letter

A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ G ]  [ H ]  [ I ]  [ J-K ]  [ L ] 
M ]  [ N-O ]  [ P-Q ]  [ R ]  [ S ]  [ T ]  [ U-V ]  [ W ]  [ X-Y-Z ] 

Little Tips Directory

Page 1  ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5  ] [ Page 6  ] [ Page 7  ]

Index Page 1 ] [ Index Page 2 ] [ Index Page 3 ] [ Index Page 4 ] [ Index Page 5 ]
Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ]
Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ]

News Letter Archives ] [ Navigation Page ] [ Archives Of Published Material ]
Link To Us ] [ Alphabet Index ] [ Feedback ] [ On Line Support ] [ FAQ ]
Webmaster Utilities ] [ Casino ] [ Banner Exchange ] [  Advanced Site Search ]

If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today

This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.

Copyright Consigliere Ltd., All Rights Reserved. 2001-