This might be a basic question for you, Dave, but I’ve looked and looked and just don’t see how I can change the background color of my MySpace profile page. But I’ve seen some people do it with pretty cool results. What’s the secret?
I spent a ton of time digging around with different solutions trying to figure out exactly how to do this, actually, and found lots of solutions that seem to involve you having some other site’s graphic or link on your profile page, but that’s not how I want people to see my profile and I figure it’s not what you’re looking for either, so I had to push a lot of bits around to get it all working!
Here’s the good news! If you just want to change the background color of your page from white to something else, all you have to do is pick a color you want to use (you can start with the color picker from my Creating Cool Web Sites book: HTML Color Picker). Figure out the color you want to use then write down its “hex” number.
Then go into your MySpace profile and get to the “About Me” input box, which you can find Profile Edit –> Interests & Personality, and paste in the following exactly as shown:
In this case, it’ll give you a rather funky magenta. Easily done, right? Just make sure you don’t include the “#” that ordinarily would be part of a CSS color specification.
Here’s how my own profile page looks when I use this background color:
It turns out that MySpace uses tables within tables within tables for lots of its design and layout, actually, so if you want to have the background color “bleed through” some of the core content (which is much more interesting when you have a background picture, but that’s something I’m still writing up) then you have to do a lot more fancy footwork with the CSS to get it to work.
Instead, let me show you something easy to add that can make your page considerably more visually attractive without making your head spin. To do this, we’re going to add a border specification. First off, the result:
Cool, eh? Now, I did that by simply adding the following line in the CSS specification:
border: 20px solid ff9900;
Turns out there are a lot of different ways to specify a border in the CSS language, but I’ll just note that this is a twenty-pixel solid orange border that we’re requesting as the outer “frame” of the MySpace profile window, as you can see. If you really want to dig into it, check out W3.org’s CSS Border Specification. Quite geeky, but if you skim it, you’ll see some of the values you can specify.
Hope that helps you out! Stay tuned for more articles about customizing your MySpace Profile too.
Finally, if you’d like to connect with me via MySpace, that’d be great! My MySpace Page. Also, since you are just learning about MySpace, you might well be interested in my MySpace Help area too.