Add current date to your web page with a graphical touch

DEMO:

Want to add this to your page? its simple as 1,2,3,..

STEP 1 : Download the JS file to your root folder. Download

STEP 2 : Save the background image to your images folder.

SETP 3 : Add the following code into your head section.

<script language="javascript" src="date.js"></script>

STEP 4 : HTML code

<table cellspacing="0" cellpadding="0">
<tr><td><div align="center" class="date">
<Script Language="JavaScript">
document.write(currentMonth()+"<br/>")
document.write(currentDate()+"<br/>")
document.write("<span class='day'>"+currentDay()+"</span><br/>")
</script></div></td></tr> </table>

STEP 5 : Finaly, CSS

.date{
display:block;
height:82px;
width:78px;
background-image:url(images/datebg.jpg);
background-repeat:no-repeat;
padding-top:20px;
font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;
font-size:20px;
color: #0071A4;
line-height:19px;
}
.day{
font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;
font-size:12px;
color: #0071A4;
line-height:10px;
}