[HTML]How to make a Deface Page.

Hello today i'm making a short tutorial on how to make a very simple deface page.

We will do this in notepad. So open notepad.

First of we start off with our title.

Code:
<html>
<title> Hacked by V </title>

Then we should add something like a picture.

Code:
<center>
<img src="http://www.sociallyencrypted.net/images/g/se_logo_SH_w1_big_origclr_blue_texture.png"/>

Then we add our moving text.

Code:
<body onLoad="type_text()" ; bgColor=black text=#00FFFF>
<div style="width: 600px;height: 100px;" align="center">
<script language="Javascript">

To make our writing show it is important you do it in this format.

Code:
"Hello there, you can call me V",
"This is my deface page tutorial",
"I hope this tutorial is useful"

After every line we write you have to add the , for every new line. It is important you don't do it for your last line of text though.

After we have written all our text we use this piece of code.

);
);
var speed=100;
var index=0; text_pos=0;
var str_length=tl[0].length;
var contents, row;

function type_text()
{
contents='';
row=Math.max(0,index-40);
while(row<index)
contents += tl[row++] + '\r\n';
document.forms[0].elements[0].value = contents + tl[index].substring(0,text_pos) + "_";
if(text_pos++==str_length)
{
text_pos=0;
index++;
if(index!=tl.length)
{
str_length=tl[index].length;
setTimeout("type_text()",300);
}
} else
setTimeout("type_text()",speed);
}


Now we add our music to make it a little more interesting.

Code:
<p align="center">
<form><textarea style="width:400px; height:400px; border:0px solid gray; resize:none; background-color:black;color:red; outline:0; padding:50px; border-radius:30px; -webkit-box-shadow:0px 0px 20px 1px gray;" name="about" readonly="readonly"
wrap="soft"></textarea></form></p>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<center><font color=#00FFFF></font></center>
<center><font color=#00FFFF></font></center>
<embed src="http://www.youtube.com/v/8pybAiBOupw&feature=plcp&context=C327ab00UDOEgsToPDskLGfjUZBwtQyDiT-NOUqQ8i&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="1" height="1"></embed>
</center>

Now for our finished piece we have.

<html>
<head>
<title>Hacked by V</title>
<center>
<img src="http://www.sociallyencrypted.net/images/g/se_logo_SH_w1_big_origclr_blue_texture.png"/>
<body onLoad="type_text()" ; bgColor=black text=#00FFFF>
<div style="width: 600px;height: 100px;" align="center">
<script language="Javascript">
var tl=new Array(
"Hello there, you can call me V",
"This is my deface page tutorial",
"I hope this tutorial is useful"
);
var speed=100;
var index=0; text_pos=0;
var str_length=tl[0].length;
var contents, row;

function type_text()
{
contents='';
row=Math.max(0,index-40);
while(row<index)
contents += tl[row++] + '\r\n';
document.forms[0].elements[0].value = contents + tl[index].substring(0,text_pos) + "_";
if(text_pos++==str_length)
{
text_pos=0;
index++;
if(index!=tl.length)
{
str_length=tl[index].length;
setTimeout("type_text()",300);
}
} else
setTimeout("type_text()",speed);
}
</script>
<p align="center">
<form><textarea style="width:400px; height:400px; border:0px solid gray; resize:none; background-color:black;color:red; outline:0; padding:50px; border-radius:30px; -webkit-box-shadow:0px 0px 20px 1px gray;" name="about" readonly="readonly"
wrap="soft"></textarea></form></p>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<center><font color=#00FFFF></font></center>
<center><font color=#00FFFF></font></center>
<embed src="http://www.youtube.com/v/8pybAiBOupw&feature=plcp&context=C327ab00UDOEgsToPDskLGfjUZBwtQyDiT-NOUqQ8i&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="1" height="1"></embed>
</center>
</body>
</html>


Save it as .html and voila you have finished

Our finished piece. http://pastehtml.com/view/boom4o7vj.html

Thank you for reading my tutorial and good luck on making your deface page.