« Dear MySpace, Thanks - I’ve Always Kind of Wanted a Stalker | Main | Friend Trains Are Officially Pissing me off! »

Myspace Profile Background Tips

Setting up and changing your Myspace profile background is pretty simple. People seem to think this is some huge task that they need a profile editor for, but thats not true. In fact, you can customize your entire myspace page. Today we'll just tackle the background... baby steps young jedi... Baby Steps!

People mistakenly think that to put an image into the background of your myspace profile you need to know HTML code. However, what this really is called is CSS code (Cascading Style Sheets).

It is an "add on" to the HTML webpage programming language. The style of your myspace profile page (or any other webpage for that matter) is controlled by the CSS. This CSS code is usually pasted into your Profile body field on the "edit my profile" page.

It's not necessary to copy and paste the code into your profile field, you can also put it into your other fields (interests, music etc), it does not matter. How to copy and paste the CSS code into your profile is explained below but first lets take a quick look at WHAT to paste into your profile to add a background image.

</style> body { background-image:url(http://www.yourSite/yourImage.gif) } table,tr,td { background-color:transparent; } </style>

In the code above, we're concerned with this line of code:
background-image:url(http://www.yourSite/yourImage.gif);

This could be pretty much any image on the web. You will see after playing with this that some will look better than others. For a complete reference guide to CSS background images, check out W3Schools CSS Background page. This site is great for referencing different CSS functionality and usage.

Note, it is very important to keep all the brackets and the rest of code syntax in place. For example, when you open a bracket {, it must be closed }, as shown in the code above. What this code does is it puts an image specified by the url (what you see after the "background-image:url", in red) into your myspace profile background. The picture has to be available online, you don't have to upload it. Simply find any image on any website, and right-click on it, then go to Properties on the pop-up menu, and you will be able to grab the URL for that image from there. In this example I use the chatcake logo image located on our server. You need to replace it with your own URL with the desired background image.

The second part of the code makes all tables on your profile page transparent. That means that the background will show through any areas where there is information about you. If the part of the code where it says table,tr,td { ... } wasn't specified, your background image would only show in the very background, behind the text and other information about you. Usually that way your profile information will be more visible, and that is, in my opinion better to omit that part. But I am showing it to you just in case you need your profile background image to show through the rest of the page. Try not including that part of the code, save your profile, and see the difference that it makes. Remember, practice is the key to a good profile here. With time you will learn how to modify the rest of your profile with ease. Hopefully you will be able to find a cool background for myspace. Good luck.



    Comments

    Hey I like this website...

    The example doesn't work until the slash is removed from the first section, for the opening "style" tag. I cannot show the actual examples, because they do not display when entering them in the comment text box. Even so, the article is helpful.

    Post a comment

    (If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)