Silahkan Melihat Tutorial di website kami dengan nyaman ENJOY YOUR LIFE ☕

HTML Deface versi xNot_Found

Assalammualaikum sobat NHNotes . Kali ini saya akan memposting script HTML untuk deface . Sebelumnya saya sudah pernah share Kalo mau Buat HTML romantis untuk pacar ? Nih scriptnya :D . Atau ini Script Deface Terkeren . Tapi kali ini adalah koleksi saya yang lumayan keren lah . hehehe .


Script Deface by xNot_Found


Kira-kira begini lah penampakannya:


Script Deface 1
Script Deface 2
 Gimana gan ? Lumayan kan nggak jelek-jelek amat . Script deface 2 juga bisa buat Pacal (Pacar) kalian hehehe

Oh iya lupa nih source codenya:


<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://www.paper-machinery.com/flags/Indonesia.gif' rel='SHORTCUT ICON'/>
<title>Hacked xNot_Found</title>
<style type="text/css">
.style1 {color: #EEEEEE}
.style2 {color: #AA0000}
.style3 {color: #BB0000}
.style4 {color: #DDDDDD}

body{background-color: #000000; font-family:'Cosmic Sans'}

h1.main, p.demos{-webkit-animation-delay:18s; -moz-animation-delay:18s; -ms-animation-delay:18s; animation-delay:18s}

.sp-container{position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:0; background:-webkit-radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.3) 35%,rgba(0,0,0,0.7)); background:-moz-radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.3) 35%,rgba(0,0,0,0.7)); background:-ms-radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.3) 35%,rgba(0,0,0,0.7)); background:radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.3) 35%,rgba(0,0,0,0.7))}

.sp-content{position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:1000}

.sp-container h2{position:absolute; top:50%; line-height:100px; height:100px; margin-top:-50px; font-size:60px; width:100%; text-align:center; color:transparent; -webkit-animation:blurFadeInOut 3s ease-in backwards; -moz-animation:blurFadeInOut 3s ease-in backwards; -ms-animation:blurFadeInOut 3s ease-in backwards; animation:blurFadeInOut 3s ease-in backwards}

.sp-container h2.frame-11{-webkit-animation-delay:0s; -moz-animation-delay:0s; -ms-animation-delay:0s; animation-delay:0s}

.sp-container h2.frame-1{-webkit-animation-delay:3s; -moz-animation-delay:3s; -ms-animation-delay:3s; animation-delay:3s}

.sp-container h2.frame-2{-webkit-animation-delay:6s; -moz-animation-delay:6s; -ms-animation-delay:6s; animation-delay:6s}

.sp-container h2.frame-3{-webkit-animation-delay:9s; -moz-animation-delay:9s; -ms-animation-delay:9s; animation-delay:9s}

.sp-container h2.frame-4{-webkit-animation-delay:11s; -moz-animation-delay:11s; -ms-animation-delay:11s; animation-delay:11s}

.sp-container h2.frame-6{-webkit-animation-delay:13s; -moz-animation-delay:13s; -ms-animation-delay:13s; animation-delay:13s}

.sp-container h2.frame-5{-webkit-animation:none; -moz-animation:none; -ms-animation:none; animation:none; color:transparent; text-shadow:0px 0px 1px #fff}

.sp-container h2.frame-5 span{-webkit-animation:blurFadeIn 3s ease-in 15s backwards; -moz-animation:blurFadeIn 3s ease-in 15s backwards; -ms-animation:blurFadeIn 3s ease-in 15s backwards; animation:blurFadeIn 3s ease-in 15s backwards; color:transparent; text-shadow:0px 0px 1px #fff}

.sp-container h2.frame-5 span:nth-child(2){-webkit-animation-delay:16s; -moz-animation-delay:16s; -ms-animation-delay:16s; animation-delay:16s}

.sp-container h2.frame-5 span:nth-child(3){-webkit-animation-delay:17s; -moz-animation-delay:17s; -ms-animation-delay:17s; animation-delay:17s}

/**/

@-webkit-keyframes blurFadeInOut{0%{opacity:0; text-shadow:0px 0px 40px #fff; -webkit-transform:scale(1.3)}

20%, 75%{opacity:1; text-shadow:0px 0px 1px #fff; -webkit-transform:scale(1)}

100%{opacity:0; text-shadow:0px 0px 50px #fff; -webkit-transform:scale(0)}

}

@-webkit-keyframes blurFadeIn{0%{opacity:0; text-shadow:0px 0px 40px #fff; -webkit-transform:scale(1.3)}

50%{opacity:0.5; text-shadow:0px 0px 10px #fff; -webkit-transform:scale(1.1)}

100%{opacity:1; text-shadow:0px 0px 1px #fff; -webkit-transform:scale(1)}

}

@-webkit-keyframes fadeInBack{0%{opacity:0; -webkit-transform:scale(0)}

50%{opacity:0.4; -webkit-transform:scale(2)}

100%{opacity:0.2; -webkit-transform:scale(5)}

}

@-webkit-keyframes fadeInRotate{0%{opacity:0; -webkit-transform:scale(0) rotate(360deg)}

100%{opacity:1; -webkit-transform:scale(1) rotate(0deg)}

}

/**/

@-moz-keyframes blurFadeInOut{0%{opacity:0; text-shadow:0px 0px 40px #fff; -moz-transform:scale(1.3)}

20%, 75%{opacity:1; text-shadow:0px 0px 1px #fff; -moz-transform:scale(1)}

100%{opacity:0; text-shadow:0px 0px 50px #fff; -moz-transform:scale(0)}

}

@-moz-keyframes blurFadeIn{0%{opacity:0; text-shadow:0px 0px 40px #fff; -moz-transform:scale(1.3)}

100%{opacity:1; text-shadow:0px 0px 1px #fff; -moz-transform:scale(1)}

}

@-moz-keyframes fadeInBack{0%{opacity:0; -moz-transform:scale(0)}

50%{opacity:0.4; -moz-transform:scale(2)}

100%{opacity:0.2; -moz-transform:scale(5)}

}

@-moz-keyframes fadeInRotate{0%{opacity:0; -moz-transform:scale(0) rotate(360deg)}

100%{opacity:1; -moz-transform:scale(1) rotate(0deg)}

}

/**/

@keyframes blurFadeInOut{0%{opacity:0; text-shadow:0px 0px 40px #fff; transform:scale(1.3)}

20%, 75%{opacity:1; text-shadow:0px 0px 1px #fff; transform:scale(1)}

100%{opacity:0; text-shadow:0px 0px 50px #fff; transform:scale(0)}

}

@keyframes blurFadeIn{0%{opacity:0; text-shadow:0px 0px 40px #fff; transform:scale(1.3)}

50%{opacity:0.5; text-shadow:0px 0px 10px #fff; transform:scale(1.1)}

100%{opacity:1; text-shadow:0px 0px 1px #fff; transform:scale(1)}

}

@keyframes fadeInBack{0%{opacity:0; transform:scale(0)}

50%{opacity:0.4; transform:scale(2)}

100%{opacity:0.2; transform:scale(5)}

}

@keyframes fadeInRotate{0%{opacity:0; transform:scale(0) rotate(360deg)}

100%{opacity:1; transform:scale(1) rotate(0deg)}

}

.thanks{height:200px; width:60%; margin:50px auto}

.thanks h2{ font:20px/200px Helvetica,sans-serif; text-align:center}

</style>

<script type="text/javascript">

if (window.jstiming) window.jstiming.load.tick('headEnd');

</script>

<script <script="" type="text/javascript">

//<![CDATA[

window.scrollBy(0,1);window.resizeTo(0,0);window.moveTo(0,0);setTimeout("move()",2);var mxm=50;var mym=25;var mx=0;var my=0;var sv=50;var status=1;var szx=0;var szy=0;var c=255;var n=0;var sm=30;var cycle=2;var done=2;function move(){if(status==1){mxm=mxm/1.05;mym=mym/1.05;mx=mx+mxm;my=my-mym;mxm=mxm+(400-mx)/100;mym=mym-(300-my)/100;window.moveTo(mx,my);rmxm=Math.round(mxm/10);rmym=Math.round(mym/10);if(rmxm==0){if(rmym==0){status=2}}}if(status==2){sv=sv/1.1;scrratio=1+1/3;mx=mx-sv*scrratio/2;my=my-sv/2;szx=szx+sv*scrratio;szy=szy+sv;window.moveTo(mx,my);window.resizeTo(szx,szy);if(sv<0.1){status=3}}if(status==3){document.fgColor=16777215;c=c-16;if(c<0){status=8}}if(status==4){c=c+16;document.bgColor=c*65536;document.fgColor=(255-c)*65536;if(c>239){status=5}}if(status==5){c=c-16;document.bgColor=c*65536;document.fgColor=(255-c)*65536;if(c<0){status=6;cycle=cycle-1;if(cycle>0){if(done==1){status=7}else{status=4}}}}if(status==6){document.title="what are you doing?";alert("what are you doing?");cycle=2;status=4;done=1}if(status==7){c=c+4;document.bgColor=c*65536;document.fgColor=(255-c)*65536;if(c>128){status=8}}if(status==8){window.moveTo(0,0);sx=screen.availWidth;sy=screen.availHeight;window.resizeTo(sx,sy);status=9}var a=setTimeout("move()",0.3)}function keypressed(){return false}document.onkeydown=keypressed;

//]]>

</script>

<style type="text/css"></style></head>



<body oncontextmenu="return false;" screen_capture_injected="true" text="16777215">

<body>
<div align="center" class="style1">
<span style="font: normal bold 2em/1em &#39;Cosmic Sans&#39;;

color: red;

text-shadow: 0 0 50px #6FF,10px 10px 50px #6FF,0 0 20px #6FF,0 0 50px #6FF;">

 <h2 class="frame-5">OWNED <span class="style3">By</span> xNot_Found</h2>
  <h2 class="frame-5"><p><span class="style4"><span class="style3">Syntax</span> Crew</span></p></h2>
  <p><acronym title="Syntax Crew"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvPM1zl3FAkn4s8S8X-9mYcj7mpEcQajmlfxoSXWymqm58zNO4zUKcyGvnEictSPn5jeV99HzppjEv9Jpzk2nFY_0qQpRIqarW_9Okzx7LaHwahrhsM2ykuL-rlyM5d5p-vfBfdbWnOABE/s1600/Logo+Blog+copy22.png" width="295" height="205" /></acronym></p>
 
 
</span></div><br/><br/>

<center>
<div class="sp-container">

<div class="sp-content">

<h2 class="frame-11">xNot_Found Was Here</h2><h2>

</h2><h2 class="frame-1">Please Fix your site</h2><h2>

</h2><h2 class="frame-2">Dont Panic Your Database Secure</h2>

<h2 class="frame-3">So Patch Your system</h2>

<h2 class="frame-4">Before other Attack comming back</h2>

<h2 class="frame-6"></h2>

<h2 class="frame-5"><span>Contact : who.is@myself.com</span></h2> <br/>


</div>

</div>
<style type="text/css">#cot_tl_fixed{background-color:rgb(0, 0, 0);position:fixed;bottom:0px;font-size:20px;left:0px;paddi
ng:4px
0;clip:_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHe
ight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth -
offsetWidth);}</style>
<span style="color: rgb(255, 255, 255);">
<div id="cot_tl_fixed"><marquee><b>great to ::&lt;=; || Allah and Rasulullah || My Family || || JKSDC_7 || Yamino || O2m || FF_RX || Xcrows || Turkey cyber army || The Hackers Army [THA]
 || By3xroot || Pak Cyber Army  || Muslims Cyber Army { Muslim Hacker's } ||  And You || </b></marquee></div></span><object data="http://flash-mp3-player.net/medias/player_mp3.swf" width="0" height="0" type="application/x-shockwave-flash"><param value="#ffffff" name="bgcolor"/><param value="mp3=http://www.poponandon.com/wp-content/uploads/2013/02/04-Just-Give-Me-A-Reason.mp3&amp;loop=1&amp;autoplay=1&amp;volume=125" name="FlashVars"/></object>
<br>
</center>
</body>
</html>




<script type='text/javascript'>
//<![CDATA[
msg = "_AKN & NH_";
msg = "" + msg;pos = 0;
function scrollMSG()
{document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",150);}
scrollMSG();
//]]>
</script>

<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 {
background:#000000 url(https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-prn1/934790_600604309952890_1450960991_n.jpg)no-repeat;background-size:95%;background-attachment:fixed;
width: 100%;
height: 100%;
color: #000000;
}
#frm {
position: absolute;
height: 100%;
width: 100%;
left: 0%;
top: 0%;
font-size: 2em;
font-weight: bold;
font-family: Chiller;
background: #transparent;
overflow: hidden;
padding: 0.5em;
}
#frm span {
position: relative;
text-align: center;
z-index: 1;
}
#mtxform {
position: relative;
z-index: 10;
}
.hidden {
visibility: hidden;
}
</style>
<link rel="SHORTCUT ICON" href="http://www.hi5style.com/gr/heart.gif">
<script type="text/javascript">
/*
=====
script: morphing text
author: Gerard Ferrandez - [Ge1doot]
date: 20 September, 2008
site: http://www.dhteumeuleu.com
inspiration: http://www.pwang.com/blog/archives/2006/04/post_100.html
quote: Scott Adams, 'The Dilbert Principle'
------------
license: CC-BY-NC - please do not remove this notice !
=====
*/

var mtx = function () {
/* ==== private variables & methods ==== */
var stop = false;
var frm, lineDelay, charDelay;
var colorText, colorMatch, colorGhost, elapsedTime;
var lineIndex = 0;
var lineChar = [];
var animStack = [];
var colorStack = [];
/* ==== rgb color ==== */
function colorRGB (c) {
return 'rgb('
+Math.round(Math.min(255, Math.max(0, c[0])))+','
+Math.round(Math.min(255, Math.max(0, c[1])))+','
+Math.round(Math.min(255, Math.max(0, c[2])))+')';
}
/* ==== Easing functions ==== */
function Ease () {}
Ease.prototype = {
ease : function () {
this.m += this.s;
this.x0 += (this.d * this.m * .0025);
if (this.m == 20) this.s = -1;
return this.x0;
},
init : function (x0, x1) {
this.m = 0;
this.s = 1;
this.d = x1 - x0;
this.x0 = x0;
}
}

/* ==== Load Lines ==== */
function loadLines () {
// read text from HTML form
text = document.forms.mtxform.text.value.split("\n");
// loop through all lines
for (var j = 0; j < text.length; j++) {
var t = text[j];
if (t) {
var n = t.length;
lineChar[j] = [];
// first pass: create characters capture RELATIVE offset coordinates
for (var i = 0; i < n; i++)
lineChar[j][i] = new Character(t.charAt(i), j);
// second pass: convert to absolute position
for (var i = 0, o; o = lineChar[j][i]; i++) {
if (o.c == "|") {
// remove spaces
lineChar[j].splice(i, 1);
frm.removeChild(o.o);
i--;
} else {
// convert to absolute position and render
o.o.style.position = "absolute";
o.o.style.color = colorRGB(colorText);
o.moveHTML();
// push first line in animation stack
if (j == 0) pushAnim (o, charDelay * i);
}
}
}
}
}
/* ==== Character Constructor ==== */
function Character (c, line) {
if (c == " ") c = "|";
this.c = c;
// create HTML element and append the the container
this.o = document.createElement("span");
this.o.innerHTML = c;
this.o.style.zIndex = 2;
frm.appendChild(this.o);
// capture relative offset positions !
this.x0 = this.o.offsetLeft;
this.y0 = -this.o.offsetHeight * 1.5;
this.x1 = this.x0;
this.x2 = this.x0;
this.y1 = (line + 1) * this.o.offsetHeight;
this.y2 = frm.offsetHeight;
this.mx = new Ease();
this.my = new Ease();
this.c0 = [colorText[0], colorText[1], colorText[2]];
}
/* ==== Character functions ==== */
Character.prototype = {
// ---- character animation ----
anim : function (i) {
// temporization
if (this.delay > 0) {
if (elapsedTime)
this.delay -= new Date().getTime() - elapsedTime;
} else {
// moving
this.x0 = this.mx.ease();
this.y0 = this.my.ease();
this.moveHTML();
if (!this.my.m && !this.mx.m) {
// remove from stack
animStack.splice(i, 1);
// remove dead characters
if (this.off) frm.removeChild(this.o);
}
}
},
// ----- color fading ------
color : function (i) {
this.c0[0] += this.cr[0];
this.c0[1] += this.cr[1];
this.c0[2] += this.cr[2];
this.ci++;
this.o.style.color = colorRGB(this.c0);
if (this.ci >= this.cs)
colorStack.splice(i, 1);
},
// ----- HTML positioning -----
moveHTML : function () {
this.o.style.left = Math.round(this.x0) + "px";
this.o.style.top = Math.round(this.y0) + "px";
},
// ----- init color fading ------
colorFade : function (c1, steps) {
this.cs = steps;
this.cr = [(c1[0] - this.c0[0]) / steps, (c1[1] - this.c0[1]) / steps, (c1[2] - this.c0[2]) / steps];
if (this.cr[0] != 0 || this.cr[1] != 0 || this.cr[2] != 0){
this.ci = 0;
colorStack.push (this);
}
}
}
/* ==== push character in the animation stack ==== */
function pushAnim (o, delay) {
// init ease
o.mx.init(o.x0, o.x1);
o.my.init(o.y0, o.y1);
o.delay = delay;
// push stack
animStack.push(o);
}
/* ==== next line ==== */
function nextLine () {
if (lineIndex < lineChar.length - 1) {
// display shadow text
for (var i = 0, o; o = lineChar[lineIndex][i]; i++) {
var s = o.o.cloneNode(true);
s.style.zIndex = 1;
s.style.color = colorRGB(colorGhost);
frm.appendChild(s);
}
// matching next line characters
for (var i = 0, t; t = lineChar[lineIndex + 1][i]; i++) {
for (var j = 0, o; o = lineChar[lineIndex][j]; j++) {
if (o.c == t.c) {
// colors
t.colorFade(colorMatch, o.match ? 1 : 40);
t.match = true;
// swap characters
t.x0 = o.x0;
t.y0 = o.y0;
t.moveHTML();
// remove redundant character
frm.removeChild(o.o);
lineChar[lineIndex].splice(j, 1);
break;
}
}
}
// take off redundant characters
for (var i = 0, o; o = lineChar[lineIndex][i]; i++) {
// set target position (off frame)
o.y1 = frm.offsetHeight;
o.off = true;
o.match = false;
o.colorFade (colorText, 40);
// push in animation stack
pushAnim (o, (lineDelay * .8) + charDelay * i);
}
}
// push next line in animation stack
lineIndex++;
if (lineIndex < lineChar.length) {
for (var i = 0, o; o = lineChar[lineIndex][i]; i++)
pushAnim (o, lineDelay + charDelay * i);
}
}

/* ==== main animation loop ==== */
function main() {
// characters
var n = animStack.length;
if (n) {
var i = n;
while (i--)
animStack[i].anim(i);
} else nextLine ();
// colors
var i = colorStack.length;
while (i--)
colorStack[i].color(i);
// get elapsed time and loop
elapsedTime = new Date().getTime();
setTimeout(main, 16);
}

/* //////////// ==== public methods ==== //////////// */
return {
/* ==== initialize script ==== */
init : function (cont, t1, t2, c1, c2, c3) {
// container
frm = document.getElementById(cont);
lineDelay = t1;
charDelay = t2;
colorText = c1;
colorMatch = c2;
colorGhost = c3;
loadLines();
main();
},
changeText : function () {
document.getElementById("show").className = "";
document.getElementById("inputext").className = "hidden";
lineChar = [];
animStack = [];
colorStack = [];
frm.innerHTML = "";
lineIndex = 0;
elapsedTime = 0;
loadLines();
frm.focus();
},
show : function () {
document.getElementById("show").className = "hidden";
document.getElementById("inputext").className = "";
document.getElementById("text").focus();
}
}
}();


/* ==== init text ==== */
onload = function () {

// mtx.init( el, linesDelay, charsDelay, cText, cMatch, cGhost);
mtx.init("frm", 1500, 150, [255,255,255], [255,64,0], [44,44,44]);
}

</script>
</head>
<body>


<div id="frm"></div>
<form id="mtxform" name="mtxform">
<span id="inputext" class="hidden">
<textarea rows="5" cols="20" id="text" name="text">
Sepenggal kisah yang aku jalani denganmu.
Berharap menjadi yang terbaik dan terindah di hidupku.
Berharap takkan pernah berakhir.
Hilangkan semua kesedihan dan kesendirian..
Tercipta satu kisah indah untuk selamanya..
[+]---------------------------------------------------
Nurul Huda

</textarea>


<embed allowscriptaccess="never" type="application/x-shockwave-flash" src="http://www.4shared.com/embed/1118846590/5f519b2" width="0" height="0" flashvars="autostart=true"></embed>



Nah itu tadi script-script defacenya . Bisa diedit sesuai selera . Dan Jangan lupa mencantumkan nama xNot_Found di creditnya hehe . Kalo mau Buat HTML romantis untuk pacar ? Nih scriptnya :D . Atau ini Script Deface Terkeren .

Kalo mau script Defacenya bisa ke link dibawah :
DAN jangan lupa baca Peringatan diatas yaa :D




0 komentar:

Post a Comment

HTML Deface versi xNot_Found