Creating a myspace layout might seem tricky when you think about it but it is actually pretty easy.

The only thing you need is basic knowledge in HTML and CSS.

It is time start code. Instead of begin the layout with tags such as < HTML >, < HEAD > and < TITLE >, just start with the < STYLE > tag right on instead. This is necessary because Myspace.com has already prepared th basic proprties for you.

So we begin with writing < STYLE >. Then we fill in values for class-names and tag-properties. There is already class-names that will be used in the profile code, wether you modify them or not. These are:

nametext
whitetext12
lightbluetext8
orangetext15
blacktext12
redtext
redbtext
blacktext10

Edit them and then you can go for the tag-properties. Tags that are used in the profile page are:

body
a
div
font
span
input
tbody
table
tr
td

Edit the properties of them like you use to do when you edit CSS and then and with closing the style-tag like this: . Then open up the body-tag to ensure that all codes after that will be in the body so it can be seen visually. Here is an example of how this can look like:

< STYLE > font {font-size:11pt; font-family:arial} a:hover {color:b7012b} < BODY >

Try to fill in properties on as much class-names and tag-properties as possible. You get the idea.

If you want to see more design examples then just check out Myspace Background. Just start coding and have fun!