#1
| |||
| |||
CSS Javascript Calendar |
#2
| |||
| |||
Re: CSS Javascript Calendar
You were searching hoe to make CSS java script Calendar, for making this calendar follow some steps: Step 1: Insert the following codes into the HEAD section of your webpage: style type="text/css"> .main { width:200px; border:1px solid black; } .month { background-color:black; font:bold 12px verdana; color:white; } daysofweek { background-color:gray; font:bold 12px verdana; color:white; } .days { font-size: 12px; font-family:verdana; color:black; background-color: lightyellow; padding: 2px; } .days #today{ font-weight: bold; color: red; } </style> <script type="text/javascript" src="basiccalendar.js"></script> Step 2 download the Basic calendar Step 3: Finally, insert the below script where you wish the calendar to appear on your page: <script type="text/javascript"> var todaydate=new Date() var curmonth=todaydate.getMonth()+1 //get current month (1-12) var curyear=todaydate.getFullYear() //get current year document.write(buildCal(curmonth ,curyear, "main", "month", "daysofweek", "days", 1)); </script> |
|