Adding a Myspace Background With CSS

Adding a Myspace Background With CSS


Getting customized with a Myspace background

Customizing a Myspace background is incredibly easy. First, though, it's important to consider what kind of Myspace background you'd like: a large image or a repeating background.

Which is better, a large image background or a repeating background for a Myspace background?

For most people, a Myspace profile is a very casual way to learn about people, their backgrounds, their likes and dislikes. For some, however, it pays to have the their Myspace profile page be clean and professional. One of the main effects of a single large background for a Myspace layout is in increased download time. A large image is a large file that could add several seconds of download time for broadband users, and lots of seconds for dial-up users.

Using a small, repeating graphic, however for your Myspace background can give a nice effect to the page without increasing the download time of the page much at all.

The code for adding a single image to your Mysql background is easy. Just add the following code to the "About me" entry in your Myspace profile, just filling in the URL with the URL of the background image you want to use:

<style>

body {

background-image:url(http://www.somesite.com/images/image.jpg);

background-repeat:no-repeat;

}

</style>

To use a repeating image for your Myspace background, the code is even simpler:

<style>

body {

background-image:url(http://www.somesite.com/images/image.jpg);

}

</style>

Next question: A fixed Myspace background or not?

A normal Myspace page will have it's background scroll with the rest of the page. However, you can add some extra code in the CSS style to "fix" it so that it doesn't scroll at all. Here's an example of how to use a fixed Myspace background. Again, just put it in the "About me" section of your profile:

<style>

body {

background-image:url(http://www.somesite.com/images/image.jpg);

background-attachment:fixed;

}

</style>

The effect of using a fixed background for your Myspace profile is neat, but sometimes it makes it more difficult to read the rest of the page. It's a little more difficult to find your place on a web page if the background dosn't move with the rest of the text.

If you're using a small repeating background image for your Myspace background, it might not be as noticable, but with a large image of a rocking sports car, for instance, it might be best to leave the scrolling normal.




Implied By Design Logo