I have created a HTML page to be used with the HTML Screen Saver from http://myweb.tiscali.co.uk/djmclean/htmlscreensaver.html.
The actual screen saver must first be installed from the link above.
After it has been installed, create a HTML Page and paste the following markup into it, and then save it somewhere (preferably in a dedicated new directory).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body bgcolor="#0080C0" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" scroll="no">
<div id="tickerDiv" style="width:1600px;height:1000px; background-image:url('scrback.jpg'); background-repeat: no-repeat; background-position:center center; border-width: 0; margin: 0 0 0 0;" >
<table id="kwsTickerLayoutTable" border="0" cellspacing="2" cellpadding="1" style="background-color:#FFEEFF;text-align:left;position:absolute;">
<tr><td rowspan="3" style="background-color:green;"><a id="kwsTickerCountdownUrl" href="" style="border:0;"><img id="kwsTickerCountdownImage" width="100px" alt="" src="" style="border: 1px solid #EEDDEE;" /></a></td><td style="font-style:normal; font-family: Arial; font-size: x-large; font-weight: bold; font-variant: normal; color: #008080;"><label id="kwsTickerCountdownText1">test</label></td></tr>
<tr><td style="font-style:normal; font-family: Arial; font-size: x-large; font-weight: bold; font-variant: normal; color: #008080;"><label id="kwsTickerCountdownText2">test</label></td></tr>
<tr><td style="font-style:normal; font-family: Arial; font-size: x-large; font-weight: bold; font-variant: normal; color: #008080;"><label id="kwsTickerCountdownText3">test</label></td></tr>
</table>
</div>
</body>
<script language="javascript" type="text/javascript">
var now = new Date(); //today
var dob = new Date(2011, 2, 9); //date of birth
var doc = new Date(2010, 5, 1); //start date of pregnancy
var one_day = 1000 * 60 * 60 * 24; //milliseconds in one day
var days_total = Math.ceil((dob.getTime() - now.getTime()) / (one_day)); //number of days left
var weeks = Math.floor(days_total / 7); //number of weeks left
var days = days_total % 7; //number of days in addition to the weeks left
var days_gone_total = Math.ceil((now.getTime() - doc.getTime()) / one_day); //number of days gone
var weeks_gone = Math.floor(days_gone_total / 7); //number of weeks gone
var days_gone = days_gone_total % 7; //number of days in addition to the weeks gone
var lab1 = document.getElementById('kwsTickerCountdownText1'); //get label 1
var lab2 = document.getElementById('kwsTickerCountdownText2'); //get label 2
var lab3 = document.getElementById('kwsTickerCountdownText3'); //get label 3
var img = document.getElementById('kwsTickerCountdownImage'); //get image element
var url = document.getElementById('kwsTickerCountdownUrl'); // get url element of image element
lab1.innerHTML = (weeks_gone + 1) + 'th week';
if (days_gone > 0) { lab2.innerHTML = weeks_gone + ' weeks and ' + days_gone + ' days on the way.'; } else { lab2.innerHTML = weeks_gone + ' weeks on the way.'; }
if (days > 0) { lab3.innerHTML = 'Only ' + weeks + ' weeks and ' + days + ' days left!'; } else { lab3.innerHTML = 'Only ' + weeks + ' weeks left!'; }
img.setAttribute('src', 'http://images.3dpregnancy.com/en/2D/200/' + weeks_gone + '-weeks-pregnant.jpg');
url.setAttribute('href', 'http://3dpregnancy.parentsconnect.com/calendar/' + weeks_gone + '-weeks-pregnant.html');
var tickerDiv = document.getElementById('tickerDiv');
tickerDiv.style.width = screen.width;
tickerDiv.style.height = screen.height;
window.setTimeout("Tick()", 500, "javascript");
</script>
<script language="javascript" type="text/javascript">
function Tick() {
var tabl = document.getElementById('kwsTickerLayoutTable');
var x = Math.floor(Math.random() * (screen.width - tabl.offsetWidth)) + 'px';
tabl.style.left = x;
var y = Math.floor(Math.random() * (screen.height - tabl.offsetHeight)) + 'px';
tabl.style.top = y;
window.setTimeout("Tick()", 2000, "javascript");
}
</script>
</html>
If you want to have a background image, save a JPG-file called “scrback.jpg” into the same directory. If you don’t want a background image (if you are concerned about burn-in etc.), you may need to remove the following text: background-image:url('scrback.jpg') from the markup above.
Lastly, go into the screen saver options on your computer and configure the HTML file you created as the one you want your HTML screen saver to use.
No comments:
Post a Comment