Instructables

How to edit your Myspace background

FeaturedContest Winner
With Myspace being as popular as it is, many websites are springing up offering pre-made profile layouts that you can copy and paste onto your profile to make it look better. This instructable is for those people who want to go their own way and write their own profile using a little HTML and a bunch of CSS.

edit3:
Myspace has a new method of editing profiles. This instructable details the old way of profile customization, and still applies to people who haven't upgraded to "Profile 2.0".
 
Remove these adsRemove these ads by Signing Up

Step 1: The basics.

Picture of The basics.
Myspace uses CSS to edit the colors and such. CSS is an internet technology that stands for Cascading Style Sheet. Without getting too far into it, CSS allows you to edit many aspects about the design of your Myspace, as well as webpages that you write.

The first step is to add the following lines of HTML to the "About Me:" content box. I put mine at the very top, so that it is easily accessible if I want to change it later. This will not appear on your profile, it is simply to alert the web browser of the person viewing your page that there is CSS between these html tags, and to adjust your profile accordingly.

<style type="text/css">

</style>

Step 2: The body.

Now, to tell the browser where to apply this background to, you need to add the first bit of CSS, the body selector:

body
{

}

This tells your Internet browser that this CSS applies for parts of your profile within the body HTML tags, which is almost everything.

Step 3: Remove backgrounds.

Myspace puts backgrounds on all the assorted tables, and even one straight down the center of the page. This would severely obstruct your viewing of the background you are now working on. To fix this, you need to add a small block of code under the body selector.

table, tr, td
{
background-color: transparent;
border: 0px;
}

This will make your background completely visible, and erase all the assorted boxes that appear on your profile by default.
I miss when everybody used this site.
I've got a myspace for my band and would like to place our own banner at the top of the page, above any myspace ad, or in place of those annoying ads. Can you help me?
MJTH5 years ago
Theres a new profile editor now... Maybe you should add something about that too.. Nice instructable otherwise.
the_don125 (author)  MJTH5 years ago
Heh, I actually don't use Myspace much anymore, so I think I'm just going to unpublish this one. This instructable ran its course, and looks like it will need a complete rewrite now.
Dim-16 years ago
What's yourspace? Nice instructable! I'm sure people who are on yourspace will find it useful.
the_don125 (author)  Dim-16 years ago
Thanks!
My page is at http://www.myspace.com/the_don125 . I've done some minor tweaking since posting this instructable, but its pretty much the same.
Does this instructable just only effect your profile page? The reason why I ask is that I went and looked at your MySpace page and the only bit I can see without being on your Friends List is your photo/logo on an ordinary white background and the usual "The Don in your extended network" message.
the_don125 (author)  dj_nme6 years ago
But yes, it only works on the profile page. Myspace doesn't only reads one textbox when showing the private page, and it has a very low character limit, so it is impractical to use it for modifying your profile.
A workaround would be to post a separate css stylesheet, and to refer to that stylesheet, rather than inline css.

Good resource for learning css:

http://www.w3.org/Style/CSS/learning

Nice instructable, I imagine it will entice people to learn more about style sheets, which is good.
the_don125 (author)  dj_nme6 years ago
I had my profile set to private, it should be viewable now.
It looks very nice, although maybe the "star" cursor is a tiny bit of overkill? :-) It's a shame that not even a small part of it doesn't appear on the public part of a private profile. It's not your fault that MySpace set it up that way.
the_don125 (author)  dj_nme6 years ago
Yeah, I'd agree its a bit tacky. I put it up to show a friend it was possible, and forgot to take it down.
Pro

Get More Out of Instructables

Already have an Account?

close

PDF Downloads
As a Pro member, you will gain access to download any Instructable in the PDF format. You also have the ability to customize your PDF download.

Upgrade to Pro today!