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.

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".

Step 1: 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">

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?
Theres a new profile editor now... Maybe you should add something about that too.. Nice instructable otherwise.
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.
What's yourspace? Nice instructable! I'm sure people who are on yourspace will find it useful.
Thanks!<br/>My page is at <a rel="nofollow" href="http://www.myspace.com/the_don125">http://www.myspace.com/the_don125</a> . I've done some minor tweaking since posting this instructable, but its pretty much the same.<br/>
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.
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.<br/><br/>Good resource for learning css:<br/><br/><a rel="nofollow" href="http://www.w3.org/Style/CSS/learning">http://www.w3.org/Style/CSS/learning</a><br/><br/>Nice instructable, I imagine it will entice people to learn more about style sheets, which is good.<br/>
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.
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.

About This Instructable


22 favorites

More by the_don125: Disposable Camera Nixie Tube Driver Makeshift Breadboard Multimeter Probe How to edit your Myspace background
Tags: myspace CSS
Add instructable to: