MySpace Layout Tutorial for Beginners

You may be new to web design or just new to MySpace in general. Are you sick of the plain white, boring default page of your MySpace profile? Here is a very basic tutorial on how to
 spiff up your page - from basic coding to some more in-depth details - whether you just want to add some extra color here and there, or go all out with an entirely new layout.

Basic CSS Coding in MySpace

Cascading Style Sheets (CSS) is the type of coding that makes it possible to customize your profile. If you know nothing about it, below are some basic code examples and information on how to use them that can change the look of your page.

Normally, all your CSS code goes in the "About Me" section of your "Edit Profile". But you need to make sure the code is inside the <STYLE></STYLE> tags. When using CSS, open the code with <STYLE> . After that, you can add any of the below codes. When you're finished, be sure to wrap it up with the ending </STYLE> tag. Otherwise the code will be broken and won't work.

For example:

<style>

table table table td {background-color: 000000; color: FFFFFF; }

.text { font-family: arial, sans-serif; color: FFFFFF }

</style>


- Changing the Main Table Color and Text

The "background-color" is just what it means. The "color" part of the code is the color of the text.
Most likely you will have to use a hexadecimal color code for this. For instance, if you
want to use the color white, the code would be #FFFFFF . Black, on the other hand, is #000000 .
Just about every color you can think of has its own hexadecimal code on the web. However, in
CSS, the color code would normally be written without the "#" sign.

EXAMPLE: table table table td {background-color: 000000; color: FFFFFF; }

- Changing a Font

Use the code below - except after "font-family", put the name of the font you want to use, followed
by either the word "serif" (font with feet) or "sans-serif" (font without feet).

EXAMPLE: .text { font-family: arial, sans-serif; color: FFFFFF; }

- Changing the Link Color

 
Comments 1 - 10 of 11 Next >>
Comments
Type in Your Comments Below

This is all amazingly old coding. MySpace has since changed it's classes, so this code probably won't work for the most part anymore and if it does, it won't work the way you want it to.

Posted on 07/23/2008 at 6:07:31 AM

THE BACKGROUND IMAGE WOULDN'T WORK FOR ME EITHER. I DON'T KNOW WHY, BUT IT WOULD COME UP AS BLACK. I REALIZED IT WAS BECAUSE OF THE BACKGROUND COLOR. SO I TRIED MAKING IT TRANSPARENT. THAT DIDN'T WORK EITHER. NEITHER DID ELIMINATING THAT LINE COMPLETELY. HELP?

Posted on 06/14/2008 at 8:06:30 PM

How can you make there be no border around tables at all?

Posted on 05/09/2008 at 5:05:49 PM

My background image wouldnt work, any ideas why?

Posted on 04/14/2008 at 4:04:24 PM

can i have the code for a thick border XD ?

Posted on 12/01/2007 at 6:12:00 PM

Thanx. i was searching in google for something else, but i still learned a lot from this! You're very patient in explaining everything! You sure keep in mind the "beginners" detail...hehe

Posted on 09/26/2007 at 12:09:00 AM

I would have no idea how to make MySpace layouts if it wasn't for this! Thank you!

Posted on 09/14/2007 at 6:09:00 AM

thanks, very helpful :) xxxx xxxx

Posted on 08/10/2007 at 1:08:00 AM

To get a moving background, link it to a moving image e.g http://www.somesite.com/animation.gif

Posted on 07/24/2007 at 8:07:00 PM

how to get moving background

Posted on 07/22/2007 at 12:07:00 PM

Comments 1 - 10 of 11 Next >>