Make your own Deface Page!
Today i will teach you guys the basics of making your very own deface pages.
It will teach you the basics to create your own unique defaces.
Preview:Click to Hide)
![[Image: capturemnm.png]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vjYoKl0pldrZoa7d97YrjALG2KP6KVqApoZKAFL4tDex-lJDX1QpIQYEoR1XGSciBAp24xZEk4EWyeodgmGV-1u8YktfRjZEDJA5OWqgbFuKlQ-eR6QIJcyQ=s0-d)
Step #1:
The first step is to create the file structure that we are going to use. Now remember, this is proper HTML coding and should always be used, keeps it neat and proffesional.
This should be done in a text editor, like notepad or notepad++
![[Image: capturepzz.png]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_slgJHQzyMNFJzCmk7CQpehra1l8hw7wTNvllZOzV8O-L3t9ZFUkDspBGdeT22KrBAkQHUt3pyfb-L_XANVPzHVKZM9FbA6zoc6Ci8toYU02QVABNS4eEPIOw=s0-d)
Code:
==================================================================
<HTML> </HTML> - Are the HTML tags that specify that its a valid html document.
==================================================================
Code:
==================================================================
<HEAD> </HEAD> - Specify the head of the document, where you do all the styling and declaring of div's,link's,etc
==================================================================
Code:
==================================================================
<TITLE> HACKED! </TITLE> - Specifies the title of the html page.
==================================================================
Code:
==================================================================
<BODY> </BODY> - the body tags hold the majority of the deface page code.
==================================================================
Step #2:
Create a header and some text under the header. This has to be done in the "<body>" tags! nowhere else.
![[Image: capturegw.png]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uVs4dPdvxHDKmjYJR5NH6Qb2LVoegA_lJgWCgJaOrndq5sV0kQBs2Xp-TxVA6N9LTjaVF7yWAqseKg0JKIm7nKNDNgb9cB09_bWX0d6dDpZzeqoyMDQrI=s0-d)
==================================================================
Code:
<CENTER> </CENTER> - Aligns all content between the tags directly in the middle.
==================================================================
Code:
<H1> </H1> - Is the Biggest Header tag, there are many other types like h1,h2,h3
==================================================================
Code:
<PRE> </PRE> - These tags work in a way that places the content inbetween them exactly where they are.
As you can see, all the content that we want displayed on the deface page is within the <body> tags! This is very important!
==================================================================
Step #3:
The final step. Here is where we are going to style the the deface page to give it a unique feel and appearance.
![[Image: capturexwp.png]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_shJx-FoxndMjpl1hvxYgLgc1w1CAiZGxdX7qc7bcD8859jQJg37LaftLzoPBUdap0P8G6V-C5OhbRhHejvEctdJd7_Wgj2rIJOOhRW-8hQHoWlZ2LrT46Hnw=s0-d)
========================================================================
==================================================================
Code:
<style type="text/css">
h1 {
color: #ddd;
font-size: 60pt;
}
</style>
This is CSS (Cascading Style Sheets) it basically styles whatever is declared, which in this case is the content within the <h1> tags.
two changes have been made, we changed the color to #ddd and the font-size to 60pt.
If you want to add images/pictures to a deface page, this can be done easily with the <img> tags.
==================================================================
Code:
<img src="http://www.linktoimage.com/" alt="Picture">
And if you want to add a youtube video to your deface page, thats easy aswell!
==================================================================
Code:
<embedded src="http://www.youtube.com/v/VIDEOIDHERE&autoplay=1&replay=1" width="1px" height="1px">
==================================================================
Today i will teach you guys the basics of making your very own deface pages.
It will teach you the basics to create your own unique defaces.
Preview:Click to Hide)
Step #1:
The first step is to create the file structure that we are going to use. Now remember, this is proper HTML coding and should always be used, keeps it neat and proffesional.
This should be done in a text editor, like notepad or notepad++
Code:
==================================================================
<HTML> </HTML> - Are the HTML tags that specify that its a valid html document.
==================================================================
Code:
==================================================================
<HEAD> </HEAD> - Specify the head of the document, where you do all the styling and declaring of div's,link's,etc
==================================================================
Code:
==================================================================
<TITLE> HACKED! </TITLE> - Specifies the title of the html page.
==================================================================
Code:
==================================================================
<BODY> </BODY> - the body tags hold the majority of the deface page code.
==================================================================
Step #2:
Create a header and some text under the header. This has to be done in the "<body>" tags! nowhere else.
==================================================================
Code:
<CENTER> </CENTER> - Aligns all content between the tags directly in the middle.
==================================================================
Code:
<H1> </H1> - Is the Biggest Header tag, there are many other types like h1,h2,h3
==================================================================
Code:
<PRE> </PRE> - These tags work in a way that places the content inbetween them exactly where they are.
As you can see, all the content that we want displayed on the deface page is within the <body> tags! This is very important!
==================================================================
Step #3:
The final step. Here is where we are going to style the the deface page to give it a unique feel and appearance.
========================================================================
==================================================================
Code:
<style type="text/css">
h1 {
color: #ddd;
font-size: 60pt;
}
</style>
This is CSS (Cascading Style Sheets) it basically styles whatever is declared, which in this case is the content within the <h1> tags.
two changes have been made, we changed the color to #ddd and the font-size to 60pt.
If you want to add images/pictures to a deface page, this can be done easily with the <img> tags.
==================================================================
Code:
<img src="http://www.linktoimage.com/" alt="Picture">
And if you want to add a youtube video to your deface page, thats easy aswell!
==================================================================
Code:
<embedded src="http://www.youtube.com/v/VIDEOIDHERE&autoplay=1&replay=1" width="1px" height="1px">
==================================================================
0 comments:
Post a Comment