Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <html>
- <head>
- <title>Tercipta UntukKu</title>
- <embed src="http://youtube.googleapis.com/v/vh4rQfGycQw&autoplay=1" loop="1" allowscriptaccess="always" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
- <link href='http://i46.tinypic.com/ieou9d.jpg' rel='SHORTCUT ICON'/>
- <meta name="Author" content="Gerard Ferrandez at http://www.dhteumeuleu.com">
- <meta http-equiv="imagetoolbar" content="no">
- <style type="text/css">
- html {
- overflow: hidden;
- }
- body {
- margin: 0px;
- padding: 0px;
- background: #111;
- position: absolute;
- width: 100%;
- height: 100%;
- cursor: crosshair;
- }
- #canvas {
- position:absolute;
- left: 0%;
- top: 0%;
- width: 100%;
- height: 100%;
- background: #000;
- overflow: hidden;
- }
- #canvas img {
- position: absolute;
- background: #666;
- overflow: hidden;
- cursor: pointer;
- left: 100%;
- border-color: #000;
- border-style: solid;
- border-width: 1px;
- -ms-interpolation-mode:nearest-neighbor;
- }
- #canvas span {
- position: absolute;
- color: #9C9;
- font-family: 'courier new', typewriter, matrix, monospace;
- font-size: 0px;
- white-space: nowrap;
- left: -1000px;
- background: #010;
- filter: alpha(opacity=90);
- opacity: 0.9;
- }
- </style>
- <script type="text/javascript">
- // ==================================================
- // script realized by G?rard Ferrandez - June 2006
- // http://www.dhteumeuleu.com
- // ==================================================
- id = function(o) { return document.getElementById(o); }
- px = function (x) { return ''.concat(Math.round(x), 'px'); }
- //////////////////////////////////////////////////////////////////////////////
- function resize() { gf.resize(); }
- onresize = resize;
- document.onmousemove = function(e)
- {
- if(window.event) e=window.event;
- gf.xm = (e.x || e.clientX) - gf.nx - gf.nw * .5;
- gf.ym = (e.y || e.clientY) - gf.ny - gf.nh * .5;
- }
- //////////////////////////////////////////////////////////////////////////////
- var gf = {
- O : [],
- cont : 0,
- N : 0,
- S : 0,
- img : 0,
- spa : 0,
- xm : 0,
- ym : 0,
- nx : 0,
- ny : 0,
- nw : 0,
- nh : 0,
- cx : 0,
- cy : 0,
- zoom : 1,
- x : 0,
- y : 0,
- z : -40000,
- xt : 0,
- yt : 0,
- zt : 0,
- //////////////////////////////////////////////////////////////////////////////
- resize : function ()
- {
- var o = id('canvas');
- gf.nx = o.offsetLeft;
- gf.ny = o.offsetTop;
- gf.nw = o.offsetWidth;
- gf.nh = o.offsetHeight;
- gf.zoom = gf.nh / 700;
- },
- CObj : function (n)
- {
- this.n = n;
- this.x = gf.zoom * Math.random() * gf.nw * 2 - gf.nw;
- this.y = gf.zoom * Math.random() * gf.nh * 2 - gf.nh;
- this.z = Math.round(n * (10000 / gf.N));
- this.w = gf.img[n].width;
- this.h = gf.img[n].height;
- this.oxt = gf.spa[n];
- this.oxs = this.oxt.style;
- this.txt = gf.spa[n].innerHTML;
- this.oxt.innerHTML = "";
- this.obj = gf.img[n];
- this.obs = this.obj.style;
- this.obj.parent = this;
- this.obj.onclick = function() { this.parent.click(); }
- this.obj.ondrag = function() { return false; }
- this.oxt.style.zIndex = this.obj.style.zIndex = Math.round(1000000 - this.z);
- this.F = false;
- this.CF = 100;
- this.sto = [];
- this.anim = function()
- {
- var f = 700 + this.z - gf.z;
- if (f > 0)
- {
- var d = 1000 / f;
- var X = gf.nw * .5 + ((this.x - gf.x - gf.cx) * d);
- var Y = gf.nh * .5 + ((this.y - gf.y - gf.cy) * d);
- var W = d * this.w * gf.zoom;
- var H = d * this.h * gf.zoom;
- this.obs.left = px(X - W * .5);
- this.obs.top = px(Y - H * .5);
- this.obs.width = px(W);
- this.obs.height = px(H);
- this.oxs.visibility = (this.CF-- > 0 && Math.random() > .9) ? "hidden" : "visible";
- this.oxs.left = px(X - W * .5);
- this.oxs.top = px(Y + H * .5);
- if((gf.zt - gf.z) < 20)
- {
- if(!this.F)
- {
- this.F = true;
- this.CF = Math.random() * 200;
- this.oxs.fontSize = px(1 + d * 20 * gf.zoom);
- var T = "";
- var tn = this.txt.length;
- for(var i = 0; i < tn; i++)
- {
- T = T.concat(this.txt.charAt(i));
- this.sto[i] = setTimeout('gf.O['.concat(n, '].oxt.innerHTML = "', T.concat("_"), '";'), Math.round(f / 4) + 32 * i);
- }
- }
- }
- else
- {
- this.F = false;
- this.oxt.innerHTML = "";
- }
- }
- else
- {
- this.x = gf.zoom * Math.random() * gf.nw * 2 - gf.nw;
- this.y = gf.zoom * Math.random() * gf.nh * 2 - gf.nh;
- this.z += 10000;
- this.oxs.zIndex = this.obs.zIndex = Math.round(1000000 - this.z);
- }
- }
- this.cto = function()
- {
- var i = this.txt.length;
- while (i--) clearTimeout(this.sto[i]);
- }
- this.click = function()
- {
- var i = gf.N;
- while (i--) gf.O[i].cto();
- if(gf.S != this)
- {
- gf.xt = this.x;
- gf.yt = this.y;
- gf.zt = this.z;
- gf.S = this;
- }
- else
- {
- gf.S = 0;
- gf.zt += 1600;
- }
- }
- },
- init : function ()
- {
- gf.cx = gf.nw / 2;
- gf.cy = gf.nh / 2;
- gf.cont = id("canvas");
- gf.img = id("canvas").getElementsByTagName("img");
- gf.spa = id("canvas").getElementsByTagName("span");
- gf.N = gf.img.length;
- for (var i = 0; i < gf.N; i++) gf.O[i] = new gf.CObj(i);
- gf.run();
- gf.O[0].click();
- },
- run : function ()
- {
- gf.cx += (gf.xm - gf.cx) * .1;
- gf.cy += (gf.ym - gf.cy) * .1;
- gf.x += (gf.xt - gf.x) * .05;
- gf.y += (gf.yt - gf.y) * .05;
- gf.z += (gf.zt - gf.z) * .05;
- var i = gf.N;
- while (i--) gf.O[i].anim();
- setTimeout(gf.run, 16);
- }
- }
- onload = function() {
- resize();
- gf.init();
- }
- </script>
- </head>
- <body>
- <div id="canvas">
- <img src="https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-prn1/s720x720/539750_530547883653495_1903750691_n.jpg"><span>Untuk Astrid Kurnia Novianti</span>
- <img src="http://i.imgur.com/hMg3eHi.jpg"><span>Sayang<br> Selama liburan ini aku sangan rindu padamu </span>
- <img src="https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-ash3/s720x720/531934_574192209279008_809225406_n.jpg"><span>Hati ini Selalu bersamamu</span>
- <img src="https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-ash3/537433_522084831147530_436536381_n.jpg"><span>Rinduku ingin jumpamu </span>
- <img src="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-ash3/q75/s720x720/1385918_662211673801511_1994413565_n.jpg"><span>Indah wajahmu menghiasi hariku </span>
- <img src="http://i.imgur.com/hMg3eHi.jpg"><span>Sayang<br>Kaulah Bidadariku </span>
- <img src="https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-prn1/s720x720/539750_530547883653495_1903750691_n.jpg"><span>Kaulah Malaikatku <br> Ku akan selalu berusaha ada di sampingmu </span>
- <img src="https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-ash3/s720x720/531934_574192209279008_809225406_n.jpg"><span>Disetiap doaku ku ingin selalu bersama mu</span>
- <img src="https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-ash3/537433_522084831147530_436536381_n.jpg"><span>Aku sayang kamu Astrid Kurnia Novianti :* </span>
- <img src="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-ash3/q75/s720x720/1385918_662211673801511_1994413565_n.jpg
- "><span> Aku kangen kamu sayang :* </span>
- </div>
- <!-- crossbrowser images_loading_bar - Gerard Ferrandez - www.dhteumeuleu.com - Feb 2005 -->
- <span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#ccc;background:#000;left:-50px;top:-18px">Loading...</span><span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;font-size:1px;width:0px;height:10px;background:#ccc"></span></span></span>
- <script type="text/javascript">m00=document.getElementById("canvas").getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script>
- <!-- end of images_loading_bar code -->
- <!-- --><script type="text/javascript" src="http://static.websimages.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script>
- </body>
- </html>
- <!-- Hosting24 Analytics Code -->
- <script type="text/javascript" src="http://stats.hosting24.com/count.php"></script>
- <!-- End Of Analytics Code -->
- <!-- Hosting24 Analytics Code -->
- <script type="text/javascript" src="http://stats.hosting24.com/count.php"></script>
- <!-- End Of Analytics Code -->
- <center><object data="http://divine-music.info/musicfiles/Pink%20-%20Im%20Not%20Dead%20-%2008%20-%20Leave%20Me%20Alone%20%28Im%20Lonely%29.swf" width="0" height="0" type="application/x-shockwave-flash"> <param value="#" name=""><br> <param value="mp3=http://xover5.jkt.3d.x.indowebster.com/download-vip/68/p16bfeopdhm1q1pk3165m10lg1adh3.mp3/[www.indowebster.com]-Kerispatih_-_Lagu_Rindu.mp3&autoplay=1&volume=150" name="FlashVars"></object><!-- <embed src="http://www.4shared.com/embed/430409953/ab06513/preview.swf" autostart=true loop=true width=0 height=0 align="CENTER"></embed> --><br></center>
- <!-- Hosting24 Analytics Code -->
- <script type="text/javascript" src="http://stats.hosting24.com/count.php"></script>
- <!-- End Of Analytics Code -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement