Skip to navigation | Skip to content

Share your knowledge. Make a difference.

MySpace Made Easy: Simple CSS to personalize your page

1 - I can do better 2 - Jury's out 3 - Pretty darn good 4 - Splendiferous 5 - Awesometastic (by 126 people)   Your rating: 1 - I can do better 2 - Jury's out 3 - Pretty darn good 4 - Splendiferous 5 - Awesometastic

Ranked #3 in Tech, #79 overall

Rated G. (Control what you see)

 

When I set up my first MySpace page I was soooooo confused!  As a web designer, I kept looking for the freakin HTML entry form.  Four hours later, I realized that there isn't one.  You just stick the code ANYWHERE.  Well...duh!

Since then I've discovered dozens of great ways to personalize my MySpace pages.  I've also discovered that discovering how to do this isn't so easy.  There are so many websites out there that are full of junk, it's hard to find the codes that just do what you want them to do!  Here I've gathered basic, common codes where you can see them and use them without digging through pages of junk and ads.  

Unless otherwise stated, the codes below can be inserted in any field on the Interests & Personality page.

Thanks for visiting, and if you found this site useful, please rate it highly! 

NOTE! Before you contact me with questions, please note that I cannot help you with colors, images, and "how to change the border from this to that," etc. You will need to grab a style from one of the many backgrounds, layouts, and templates links below or contact your web designer. Thanks!

Are you a web developer? 

I am constantly getting questions about coding issues for MySpace but I am no longer taking on new clients. If you are a web developer interested in answering such questions, let me know and I will post your contact info here. Thanks!

Need coding help? Contact the people listed below:

Remove or Hide Boxes 

Get rid of those extraneous tables.

Remove that pesky URL box.
<style type="text/css">
table table table table div {visibility:hidden;}
div table table table table table div input, div a, td.text div {visibility:visible;}
</style>

* Note - when I tried it, it removed the URL and left the box. Hrm.

Hide Details
Put this at the bottom of your Heroes form:
</td></tr></table></td></tr></table></td><td><div class="hidethem"><table><tr><td><table><tr><td>
Put this at the beginning of your About Me form:
<style>.hidethem {visibility:hidden; display:none;}</style>

Hide the Extended Network Box
<style type="text/css">
table tbody td table tbody tr td.text table {visibility:hidden;}
table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;}
</style>


Hide General Information
<style type="text/css">
table td.text {visibility:hidden;}
td.text td, td.text span, td.text a {visibility:visible;}
</style>

Hide or Remove Friends and Comments 

For those who just want a clean webpage

Hide Friends
<style type="text/css">
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
</style>


Hide Comments
This goes in the City line of your Basic Information page.
<div style="position:relative; height:400px; overflow:hidden; border:0px;"><table><tr><td><table><tr><td>

Hide Friends and Comments
<div style="display:none"> <table><tr><td><table><tr><td>

Remove just the Comments LINK
<style>td.text td.text td td a, .redlink, td.text td.text td b a {visibility:visible!important;}
td.text td.text td a {visibility:hidden;}</style>

Basic Image and Link HTML Codes 

Create links and use images on your webpage

Create a link
<A HREF="http://www.yourlinkhere.com/folder">Text or image goes here</A>

Insert an image
<IMG SRC="http://www.imageurlhere.com/folder/filename.ext">
This will create an image that loads at the exact size and dimensions of the image as it has been created.

Set Image Attributes
These are optional attributes you can add to format your images.
<IMG SRC="http://www.imageurlhere.com/folder/filename.ext" WIDTH=## HEIGHT=## BORDER=0 ALT="alt text goes here" ALIGN=RIGHT>
WIDTH and HEIGHT ## should be replaced with the desired dimensions. BORDER=0 will ensure no border is on a linked image. ALT text will show up during a mouseover or if the image link is broken. To align an image and have text wrap around it, select a right or left align.

Create an image link
<A HREF="http://www.yourlinkhere.com/folder"><IMG SRC="http://www.imageurlhere.com/folder/filename.ext"></A>

Decorate your MySpace Page 

Give those blue tables a facelift

As a web designer, it is my duty to recommend that if you do add a background image, make it mostly readable, and keep your tables (boxes) a solid color that is light and easy to read. I've been to hundreds of MySpace pages that have great graphics but are totally unreadable.

Add a background.
<body background="http://www.domain.com/images.gif">

Hide Basic Info and Last Login 

Sent in by John:

To hide your basic info and last login:

In the end of your Headline put this CSS code:
" <font style="display:none;">

*note the leading quotation mark

Thanks John!

Change Fun Extra Features 

Instead of giving you ALL the codes, I've picked out some of the best extra coding features and described them below.
Change the Online Status Icon
Choose from several static and animated images that alert your friends of your online status. Or dead, or princess, or sleeping...
More Change Online Icon
More great images to change your online icon to.
MySpace Contact Tables
Like your profile plain but want to change your contact table? Find a great premade one here.
Blink You
Great static and animated images to use on your page or for comments.
Free Flash Toys
Fun interactive toys and images to add to your MySpace page. Tip - use one as a promo tool!
Pimp-My-Profile.com
Hilarious images, layouts, and graphics to use on your MySpace page.
MySpace Tracker
This tracker displays who visits your myspace profile page by showing their pictures and details.
Live Online Radio
Add live online radio to your MySpace page - several music genres and stations to choose from.
MixMap
Find out who is visiting your MySpace page with a map.

MySpace Backgrounds, Layouts, and Templates 

Spice up your page with some graphic flavor!

If you are interested in changing colors, backgrounds, and images on your page, please check here. I cannot help you with these functions. If you don't see what you're looking for, contact a web designer or check here.
From MySpace Codes
Fun backgrounds with hearts, stars, shamrocks, and other non-Lucky Charms related themes.
Pimp My Space
Clear and detailed photo backgrounds. Use with the photo codes described in the next module down.
MySpace Layouts 2
250+ skins to make your MySpace layout one in a million. (Or at least one in 250.)
MySpace Rack
What about my rack? Find hundreds of stylish, well designed themes, codes, and images here.
Muttie.com
Offering Myspace additions such as codes, backgrounds, graphics, icons, and more.

Add a Section 

Add a new section to the left OR right side

The following code will allow you to add a new section/box to either your right or left side. The code is below in italics, and directions for installing it is found below that. This can be tricky!

</TD></TR></TABLE>
</TD></TR></TABLE>
<P>
<TABLE><TR><TD><TABLE>
<tr><td class="text" valign="center" align="left" width="300" bgcolor="6699cc" height="10" wrap="" style="word-wrap:break-word"><span class="whitetext12">Write your Title Here</span></td></tr><tr valign="top"><td><table bordercolor="000000" cellspacing="3" cellpadding="3" width="300" align="center" bgcolor="ffffff" border="0"><table border=1 cellspacing=1 cellpadding=1><tr><td>Write your text or section contents here</td></tr></TABLE>


If you are using the "hide details" code, place this BETWEEN the last text in your Heroes form field and the hide details code. If you are NOT using the "hide details" code, insert the code at the end of your Heroes form field.

If you wish to add additional sections, copy the code above for each individual section.

Get more MySpace coding help 

MySpace Quick Start
Gives advice for setting up your MySpace account and includes tips on:

- staying safe
- keeping your identity protected
- installing great visual effects
- using all the features such as classifieds and events
- having fun!!

Hacking MySpace: Mods and Customizations to make MySpace Your Space (ExtremeTech)

Amazon Price: $16.49 (as of 07/19/2008)

MySpace For Dummies (For Dummies (Computers))

Amazon Price: $21.99 (as of 07/19/2008)

MySpace Visual Quick Tips

Amazon Price: $11.04 (as of 07/19/2008)

Give your Blog a FaceLift 

Don't settle for a boring blog. Find some great templates to jazz it up a bit.
CreateBlog
Fifty pages of templates (also get other blog tool templates here!)
Customizing your Blog Settings
An article on how to customize your blog settings to get the look you want.

Keep your Comments Images in Line 

Tired of people posting annoyingly HUGE comments on your MySpace page? Just add this code to the end of your "about me" form field and they'll automatically resize to a more appropriate dimension. No need to delete great images to keep your page looking streamlined.


<style type="text/css">
td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:80px;}
td.text td.text table table td img {width:260px; max-width:260px; width:auto;}
td.text td.text table table td div img {width:80px;}
* html td.text td.text table table td img {width:260px;}
* html td.text td.text table table td a img {width:90px;}
* html td.text td.text table table td div img {width:80px;}
</style>

Was this lens helpful to you? 

You'll need to contact your graphic or web designer for additional coding and image issues. I cannot help with those.

But if you found this lens useful, say hi!

CNSQ

Nice Guide on how to customize Myspace. I've been looking some resources about this matter. Thanks for creating a lens about this. Lensrolled and 5 Stars

Posted July 18, 2008

GreenRevolution

Great lens on how to personalize MySpace pages! This is going to be a great help in making my page look sharper. Thanks, Kimberly for this great resource. A well deserved 5 ***** & added to my favorites!

Posted July 13, 2008

sstoark

I am not sure if you have experienced this but a lot of spam these days on Myspace..

Posted July 07, 2008

daviddorf

Wow, seems like I can do wonder with my profile on myspace..

Posted July 07, 2008

marywhitewhite

Will use these tips to enhance my page on myspace.

Posted July 07, 2008

 
1 of 28 pages

Hey, don't leave yet! 

I bet you know something cool about MySpace too. Or Facebook, or Hi5, how to plant a flower garden. (I have two black thumbs.) Whatever it is, you can create your own Squidoo lens to talk about it. It's easy, free, AND you can earn money for yourself or charity. Get started today!
X
KimberlyDawnWells

About KimberlyDawnWells

Who am I?

NOTE: Before contacting me with MySpace issues please read the notes near the intro and guestbook.  I cannot help you with additional coding needs.  Please contact your web designer.

KimberlyDawnWells's Pages

See all of KimberlyDawnWells's pages

X

Gold Star

This is a certified gold star lens, which means it's the best of its kind on Squidoo (or shows some serious potential for getting there!)

Read more about gold stars »

X

KimberlyDawnWells is a Giant Squid!

Giants are distinguished by their exceptional skill for making top-notch lenses, and lots of them. Whenever you land on a Giant Squid's lens, you know the person behind it is passionate about the topic and is hard at work making the lens worthy of your time and attention.

Learn more about what it takes to be a Giant »

X

KimberlyDawnWells is a SquidAngel

Angels are passionate lensmasters who spend a lot of time looking at lenses on Squidoo, and have special powers to bless great lenses with a few extra LensRank points. They're also a huge help at keeping Squidoo safe from spam.

If you think your lens is just about as good as you can make it, stop by the Angels forum and test your luck!