Edit Your MySpace Background

There are several ways to edit and customize your MySpace background, just as there are many ways to build a website. With a little insider knowledge, it's easy to customize both standard and artist profiles on Myspace. Use one of the Myspace-approved themes, or try coding your own custom page. You'll end up with a page that is truly your own.

Steps

Basic

  1. Use Myspace's customization tools. At the top of your profile, click Customize, then click Look & Feel. You can build your own theme, or select a pre-designed theme from a list.
  2. Find an editor or generator. Go to a Add a Custom Search Engine to Firefox's Search Bar (Windows Version) and search for "MySpace Theme" or "MySpace Generator." Choose a site you like.
    • Choose your colors, layout, font, and whatever else you want to customize.
    • Preview your choices to make sure they're what you want.
    • Generate the code.
    • Copy and paste the code into the bottom of the "About Me" or "Bio" section of your Myspace profile.
    • Press the "Save All Changes" button to see the changes go into effect (the Preview button will not reflect background customization).

Advanced

  1. Code your own profile. These steps will show you a basic way to code your own profile. If you want to learn more complicated coding, look into teaching yourself CSS or HTML5.
  2. Insert the following code, which is essential in order for your custom background to show up. See the Tips for an alternative code.

<style type="text/css">
table, td {
background-color:transparent;
border:none;
border-width:0;}
</style>

  1. Customize the background:
    • Change the color of your background by inserting the following code right before the </style> tag. Replace color_code with a 6-character HEX code, but do not insert the # sign. You can find HEX color codes through any search engine.

body{background-color: color_code;}

    • Make a tiled picture as your background by inserting the following code instead (you can find the URL of an image by right-clicking, choosing "Properties" and looking for the "Location"—see Warnings below):

body{background-image:url("BACKGROUND URL HERE");
background-attachment:fixed;}

    • Make a centered picture as your background by inserting the following code instead:

body{background-image:url("BACKGROUND URL HERE");
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center,center;}

      • To change the location of the image on the page, replace the green text by experimenting with combinations of the "top" "center" or "bottom" as the first word and "left" "center" or "right" as the second word, with the two words separated by a comma. For example, replacing the green text with center,right will put your image on the right side of the profile, centered vertically.
      • To use one of your Myspace pictures, go to view that picture and then right click and choose "Properties." There will be a descriptor that says "Location:" followed by a URL. That is the URL where your image is stored and should be used to replace BACKGROUND URL HERE in the code.
  2. Press the "Save All Changes" button to see the changes go into effect (the Preview button will not reflect background customization).

Tips

  • Learn CSS in order to modify border thickness, border color, transparency, etc.
  • Changing the background color or adding a background image can interfere with the readability of your text. There are two ways to get around this: alter your font colors, which is beyond the scope of this article, or make the text boxes (interests, about me, blog entries, etc.) maintain a white background. To do the later, use the following code instead:

<style type="text/css">
body, td { background-color: transparent; border: none; border-width: 0px; }
Insert background color or image code from above, starting with "body..."
}
</style>

  • It's also a good idea to erase a previous editor's code if you're using the new code from another editor.
  • Different editors offer different options, some more than others. Unless you know CSS, you can only use one editor at a time, so choose yours carefully. For example, if you want to choose the link color, then make sure the editor you're using gives you that option.
  • Follow the instructions given by the editor you're using carefully so that you get the results you want.
  • Some editors can spam your profile by including advertising images linking back to their site that can cover up part of your profile. While all editors appreciate a link back to their site, be careful of those that obstruct significant portions of your profile.

Warnings

  • Modifying your "About Me" section, or combining multiple layouts can create a huge mess of your Myspace page. So, before you insert the code generated by the editor, back up what's already there by right clicking, select all, copy, and paste into Notepad and save it. That way, if something goes wrong, you can always put the original code back and start from square one.
  • If the background image that you're using isn't yours, make sure you're not violating any copyrights by using it. Ask for permission.

Related Articles

Sources and Citations

Retrieved from "https://kipkis.com/index.php?title=Edit_Your_MySpace_Background&oldid=273810"