[align=center][b][u]CLICK FOR THE PREVIEW[/b][/u][quote][url=http://profiles.friendster.com/32477026][img]http://www.myklmphotoframes.com/images/preview_sign.jpg[/img][/url]

[url=http://profiles.friendster.com/32477026]PREVIEW[/url]

[/quote]
[/align]
[b]PLEASE RATE[/b]

[u][b]STEP 1[/b][/u]
Save this code to a js extension. name it "[b]websaver.js[/b]"
[b]Starfield Animation[/b]
[spoiler]//<script type="text/javascript">
function Graphics(canvas)
{
this.canvas = canvas;
this.cache = new Array;
this.shapes = new Object;
this.nObject = 0;
// defaults
this.penColor = "black";
this.zIndex = 0;
}
Graphics.prototype.createPlotElement = function(x,y,w,h)
{
// detect canvas
if ( !this.oCanvas )
{
switch ( typeof(this.canvas) )
{
case "string":
this.oCanvas = document.getElementById(this.canvas);
break;
case "object":
this.oCanvas = this.canvas;
break;
default:
this.oCanvas = document.body;
break;
}
}
// retrieve DIV
var oDiv;
if ( this.cache.length )
oDiv = this.cache.pop();
else
{
oDiv = document.createElement('div');
this.oCanvas.appendChild(oDiv);
oDiv.style.position = "absolute";
oDiv.style.margin = "0px";
oDiv.style.padding = "0px";
oDiv.style.overflow = "hidden";
oDiv.style.border = "0px";
}
// set attributes
oDiv.style.zIndex = this.zIndex;
oDiv.style.backgroundColor = this.penColor;
oDiv.style.left = x;
oDiv.style.top = y;
oDiv.style.width = w + "px";
oDiv.style.height = h + "px";
oDiv.style.visibility = "visible";
return oDiv;
}
Graphics.prototype.releasePlotElement = function(oDiv)
{
oDiv.style.visibility = "hidden";
this.cache.push(oDiv);
}
Graphics.prototype.addShape = function(shape)
{
shape.oGraphics = this;
shape.graphicsID = this.nObject;
this.shapes[this.nObject] = shape;
this.nObject++;
shape.draw();
return shape;
}
Graphics.prototype.removeShape = function(shape)
{
if ( (shape instanceof Object) &&
(shape.oGraphics == this) &&
(this.shapes[shape.graphicsID] == shape) )
{
shape.undraw();
this.shapes[shape.graphicsID] = undefined;
shape.oGraphics = undefined;
}
}
Graphics.prototype.clear = function()
{
for ( var i in this.shapes )
this.removeShape(this.shapes[i]);
}
//=============================================================================
// Point
Graphics.prototype.drawPoint = function(x,y)
{
return this.addShape(new Point(x,y))
}
function Point(x,y)
{
this.x = x;
this.y = y;
}
Point.prototype.draw = function()
{
this.oDiv = this.oGraphics.createPlotElement(this.x,this.y,1,1);
}
Point.prototype.undraw = function()
{
this.oGraphics.releasePlotElement(this.oDiv);
this.oDiv = undefined;
}
//=============================================================================
// Line
Graphics.prototype.drawLine = function(x1,y1,x2,y2)
{
return this.addShape(new Line(x1,y1,x2,y2))
}
function Line(x1,y1,x2,y2)
{
this.x1 = x1;
this.y1 = y1;
this.x2 = x2;
this.y2 = y2;
}
Line.prototype.draw = function()
{
this.plots = new Array;
var dx = this.x2 - this.x1;
var dy = this.y2 - this.y1;
var x = this.x1;
var y = this.y1;
var n = Math.max(Math.abs(dx),Math.abs(dy));
dx = dx / n;
dy = dy / n;
for ( i = 0; i <= n; i++ )
{
this.plots.push(this.oGraphics.createPlotElement(Math.round(x),Math.round(y),1,1));
x += dx;
y += dy;
}
}
Line.prototype.undraw = function()
{
while ( this.plots.length )
this.oGraphics.releasePlotElement(this.plots.pop());
this.plots = undefined;
}
//=============================================================================
// Circle
Graphics.prototype.drawCircle = function(x,y,r)
{
return this.addShape(new Circle(x,y,r))
}
function Circle(x,y,r)
{
this.x = x;
this.y = y;
this.radius = r;
}
Circle.prototype.draw = function()
{
this.plots = new Array;
var r2 = this.radius * this.radius;
var x = 0;
var y = this.radius;
while ( x <= y )
{
this.plots.push(this.oGraphics.createPlotElement(Math.round(this.x + x), Math.round(this.y + y), 1, 1));
this.plots.push(this.oGraphics.createPlotElement(Math.round(this.x - x), Math.round(this.y + y), 1, 1));
this.plots.push(this.oGraphics.createPlotElement(Math.round(this.x + x), Math.round(this.y - y), 1, 1));
this.plots.push(this.oGraphics.createPlotElement(Math.round(this.x - x), Math.round(this.y - y), 1, 1));
this.plots.push(this.oGraphics.createPlotElement(Math.round(this.x + y), Math.round(this.y + x), 1, 1));
this.plots.push(this.oGraphics.createPlotElement(Math.round(this.x + y), Math.round(this.y - x), 1, 1));
this.plots.push(this.oGraphics.createPlotElement(Math.round(this.x - y), Math.round(this.y + x), 1, 1));
this.plots.push(this.oGraphics.createPlotElement(Math.round(this.x - y), Math.round(this.y - x), 1, 1));
x++;
y = Math.round(Math.sqrt(r2 - x*x));
}
}
Circle.prototype.undraw = Line.prototype.undraw;
//=============================================================================
// FillRectangle
Graphics.prototype.fillRectangle = function(x,y,w,h)
{
return this.addShape(new FillRectangle(x,y,w,h))
}
function FillRectangle(x,y,w,h)
{
this.x = x;
this.y = y;
this.w = w;
this.h = h;
}
FillRectangle.prototype.draw = function()
{
this.oDiv = this.oGraphics.createPlotElement(this.x,this.y,this.w,this.h);
}
FillRectangle.prototype.undraw = Point.prototype.undraw;
//=============================================================================
function drawProp()
{
if ( p ) gr.removeShape(p);
var x = Math.round(Math.sin(a) * 45);
var y = Math.round(Math.cos(a) * 45);
a -= Math.PI / 25;
gr.penColor = "black";
p = gr.drawLine(100 + x, 100 + y, 100 - x, 100 - y);
window.setTimeout("drawProp();", 10);
}
function drawShapes()
{
gr.penColor = "red";
gr.drawLine(10,10,190,190);
gr.penColor = "green";
gr.drawLine(190,10,10,190);
gr.penColor = "blue";
c = gr.drawCircle(100,100,45);
gr.zIndex = 1;
gr.penColor = "lime";
gr.fillRectangle(50,70,100,20);
gr.zIndex = 0;
drawProp();
}
//</script>[/spoiler]
============================================================================
[u][b]STEP 2[/b][/u]
Save this to a [b]HTML[/b] format
[b]IMPORTANT NOTE[/b]: JUST RELPACE THE BOLD PART
[spoiler]<html>
<head>
<title>[b]Title of ur Page[/b]</title>
<body bgcolor="#000000">
<script src="[b]url of ur websaver.js[/b]"></script>
<script type="text/javascript">
Point.prototype.move = function(x,y)
{
this.oDiv.style.left = x + "px";
this.oDiv.style.top = y + "px";
}
Point.prototype.setSize = function(nSize)
{
this.oDiv.style.width = nSize + "px";
this.oDiv.style.height = nSize + "px";
}
function StarFieldSaver(settings)
{
// default values
this.speed = 50;
this.nStars = 50;
this.zIndex = 1000;
// override with settings values
if ( settings.speed ) this.speed = settings.speed;
if ( settings.nStars ) this.nStars = settings.nStars;
if ( settings.zIndex ) this.zIndex = settings.zIndex;
}
StarFieldSaver.prototype.init = function()
{
this.oCanvas = document.createElement("div");
document.body.appendChild(this.oCanvas);
this.oCanvas.style.zIndex = this.zIndex;
this.oCanvas.style.position = "absolute";
this.oCanvas.style.backgroundColor = "black";
this.g = new Graphics(this.oCanvas);
this.g.penColor = "white";
this.aPoints = new Array();
}
StarFieldSaver.prototype.start = function()
{
if ( this.bActive ) return;
this.bActive = true;
if ( !this.oCanvas ) this.init();
this.oCanvas.style.visibility = "visible";
this.tick();
}
StarFieldSaver.prototype.stop = function()
{
if ( !this.bActive ) return;
window.clearTimeout(this.timerID);
this.oCanvas.style.visibility = "hidden";
for ( var i in this.aPoints )
{
this.aPoints[i].undraw();
}
this.aPoints = new Array();
this.bActive = false;
}
StarFieldSaver.prototype.tick = function()
{
this.oCanvas.style.left = document.body.scrollLeft + "px";
this.oCanvas.style.top = document.body.scrollTop + "px";
this.oCanvas.style.width = document.body.clientWidth + "px";
this.oCanvas.style.height = document.body.clientHeight + "px";
this.width = document.body.clientWidth;
this.height = document.body.clientHeight;
var cx = this.width / 2;
var cy = this.height / 2;
for ( var i in this.aPoints )
{
var p = this.aPoints[i];
var dx = p.x - cx;
var dy = p.y - cy;
// move point outwards
p.x += dx / 50;
p.y += dy / 50;
if ( (p.x < 0) || (p.x > this.width - Math.ceil(p.n/50)) || (p.y < 0) || (p.y > this.height - Math.ceil(p.n/50)) )
{
p.x = Math.random() * this.width;
p.y = Math.random() * this.height;
p.n = 0;
}
p.move(Math.floor(p.x),Math.floor(p.y));
// resize as they get closer
p.setSize(Math.ceil(p.n++ / 50))
}
while ( this.aPoints.length < this.nStars )
{
var x = Math.random() * this.width;
var y = Math.random() * this.height;
var p = this.g.drawPoint(Math.floor(x), Math.floor(y));
p.setSize(1);
p.x = x;
p.y = y;
p.n = 0;
this.aPoints.push(p);
}
var pThis = this;
var f = function(){pThis.tick();}
this.timerID = window.setTimeout(f,this.speed);
}
function ScreenSaver(settings)
{
this.settings = settings;
this.nTimeout = this.settings.timeout;
document.body.screenSaver = this;
// link in to body events
document.body.onmousemove = ScreenSaver.prototype.onevent;
document.body.onmousedown = ScreenSaver.prototype.onevent;
document.body.onkeydown = ScreenSaver.prototype.onevent;
document.body.onkeypress = ScreenSaver.prototype.onevent;
var pThis = this;
var f = function(){pThis.timeout();}
this.timerID = window.setTimeout(f, this.nTimeout);
}
ScreenSaver.prototype.timeout = function()
{
if ( !this.saver )
{
this.saver = this.settings.create();
}
this.saver.start();
}
ScreenSaver.prototype.signal = function()
{
if ( this.saver )
{
this.saver.stop();
}
window.clearTimeout(this.timerID);
var pThis = this;
var f = function(){pThis.timeout();}
this.timerID = window.setTimeout(f, this.nTimeout);
}
ScreenSaver.prototype.onevent = function(e)
{
this.screenSaver.signal();
}
var saver;
function initScreenSaver()
{
//blort;
saver = new ScreenSaver({timeout:1000,speed:50,nStars:100,zIndex:100,create:function(){return new StarFieldSaver(this);}});
}
</script>
</head>
<body onload="initScreenSaver();">
<div id=debug></div>
<META NAME="Generator" CONTENT="Microsoft FrontPage 4.0">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
<!-- -->
<!-- The JavaScript Source!!
http://javascript.internet.com -->
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=1,scrollbars=1,location=1,statusbar=1,menubar=0,resizable=0,width=579,height=583,left = 12,top = -116');");
}
// End -->
</script>
<style type="text/css">
body { overflow-x: hidden; }
#image{border-width:0px;}
</style>
<script>
//Hide status bar msg II script- by javascriptkit.com
//Visit JavaScript Kit (
http://javascriptkit.com) for script
//Credit must stay intact for use
function hidestatus(){
window.status=''
return true
}
if (document.layers)
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT)
document.onmouseover=hidestatus
document.onmouseout=hidestatus
</script>
</head>
<body bgcolor="black">
<Script Language="JavaScript">
function newindex()
{for (var i=0; i< (newindex.arguments.length - 1); i+=2)
eval(newindex.arguments[i]+".location='"+newindex.arguments[i+1]+"'");
document.returnValue = false;}
//Hide status bar msg II script- by javascriptkit.com
//Visit JavaScript Kit (
http://javascriptkit.com) for script
//Credit must stay intact for use
function hidestatus(){
window.status=''
return true
}
if (document.layers)
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT)
document.onmouseover=hidestatus
document.onmouseout=hidestatus
</script>
</head>
<body bgcolor="[b]#000000[/b]">
<STYLE type="text/css">
BODY {
background: black url("[b]YOUR IMAGE URL[/b]");
background-repeat: no-repeat;
background-position: right bottom;
background-attachment: fixed;
}
</STYLE>
<Script Language="JavaScript">
function newindex()
{for (var i=0; i< (newindex.arguments.length - 1); i+=2)
eval(newindex.arguments[i]+".location='"+newindex.arguments[i+1]+"'");
document.returnValue = false;}
</Script>
<center><table id='table_image' width="000" height="000" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle" bgcolor="[b]#000000[/b]">
<a href="http://profiles.friendster.com/user.php?uid=[b]Ur User ID[/b]"><img id='image' src="[b]PIC U WANT TO USE[/b]" alt="Please leave comments befor leaving"></a>
<br><a href="http://profiles.friendster.com/user.php?uid=[b]Ur User ID[/b]"><font color="#33ff00" size="6" face="arial">Enter</font></a><font color="[b]#ff0033[/b]"> | </font><a href="http://www.friendster.com/"><font color="[b]#ff99ff[/b]" size="6" face="arial">Leave</font></a>
<br><center><font color="[b]#ff0033[/b]" size="3" face="arial">
</
</td>
</tr>
</table>
</center>
</body>
</html>[/spoiler]
===========================================================================
[b]STEP 3[/b]
Use this [b]Final JS "[u]Tazmaine Enterpage Trick[/u]"[/b]
[spoiler]
var myplace = document.location.href;
if (myplace == "http://profiles.friendster.com/user.php?uid=[b]YOUR USER ID[/b]"){
}
else if (myplace == "http://profiles.friendster.com/user.php?uid=[b]YOUR USER ID[/b]"){
}
else {
location.href = "[b]THE URL OF UR Starfield.HTML[/b]";
}
[/spoiler]
=======================================================================
[b]STEP 4 (OPTIONAL)[/b]
[spoiler]repu.. repu.. repu.. lol. just kiddin'[/spoiler]
ENJOY Friendstertalkers!
Last edited by chan2raagas (2008-06-26 06:09:21)