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.
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);
}
Once we have done this we can close our script tags and we will have this so far.
Code:
<html>
<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 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>
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.
Code:
<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.