I've had a few questions now wondering how to create a skinny profile. The code you will find below will do just that. This code will need to replace any existing code you have added to your profile. The items in bold are the items which you can modify to customize the looks of your profile, but you may have to have some HTML/CSS knowledge in order to modify the items in bold. Here's the code to create a skinny profile:

<STYLE type="text/css">
body {
color: FF0000;
font-family: Arial, Verdana, Helvetica;
font-size: 10px !important;
background-color: 000000;
background-image: url("URL TO IMAGE");
background-repeat: repeat;
background-position: center center;
background-attachment: fixed;
scrollbar-face-color: 000000;
scrollbar-highlight-color: FF0000;
scrollbar-3dlight-color: FF0000;
scrollbar-shadow-color: FF0000;
scrollbar-darkshadow-color: FF0000;
scrollbar-arrow-color: 000000;
scrollbar-track-color: FFFFFF;
}
table, tr, td {
background: transparent;
border-width: 0px;
}
table td td {
width: 0px;
}
table table td {
padding: 3px;
}
table table table {
width: 220px !important;
background-color: CCCCCC;
border-width: 2px;
border-style: solid;
border-color: FF0000;
}
table table table td {
padding: 0px;
}
table table table table {
border-width: 0px;
}
table table table table table {
width: 0px !important;
padding: 0px !important;
}
table table table table table td {
width: 0px !important;
padding: 0px !important;
}
td.text a img {
width: 100px !important;
}
td.text td.text a img {
width: 35px !important;
}
td.text td a img {
width: auto !important;
}
table table td img {
display: none;
}
table table table td img {
display: inline;
}
td td td div strong {
width: 170px !important;
display: block;
}
span, font, table, td, div, b, li, p {
color: FFFFFF;
font-family: Arial, Verdana, Helvetica;
font-size: 10px !important;
}
.orangetext15, .blacktext10 {
color: FF0000;
font-family: Arial, Verdana, Helvetica;
font-size: 10px !important;
font-weight: bold;
display: block;
width: 110px;
}
td.text td.text table table div {
display: none;
}
body div table tbody tr td font {
visibility: hidden;
}
.navbar {
visibility: visible;
}
.navbar font {
visibility: hidden;
}
table td div div font {
visibility: hidden;
}
.contactTable {
visibility: hidden !important;
display: none !important;
}
object {
display: block;
width: 220px;
}
</STYLE>



This next section of code are add-ons to the above code, which you can further customize the look of your profile. The following code can be added between the <STYLE type="text/css"> and </STYLE> tags.

This code will modify the navigation bar links and all other text links in your profile:

a {
font-family: Arial, Verdana, Helvetica;
font-size: 10px !important;
font-weight: bold;
text-transform: uppercase;
}
a:link, a:active, a:visited {
color: FF0000;
text-decoration: none;
}
a:hover {
color: FFFFFF;
text-decoration: underline;
}
a.navbar {
font-family: Arial, Verdana, Helvetica;
font-size: 10px !important;
font-weight: bold;
text-transform: uppercase;
}
a.navbar:link, a.navbar:active, a.navbar:visited {
color: FF0000;
text-decoration: none;
}
a.navbar:hover {
color: FFFFFF;
text-decoration: underline;
}
a.redlink {
font-family: Arial, Verdana, Helvetica;
font-size: 10px !important;
font-weight: bold;
text-transform: uppercase;
}
a.redlink:link, a.redlink:active, a.redlink:visited {
color: FF0000;
text-decoration: none;
}
a.redlink:hover {
color: FFFFFF;
text-decoration: underline;
}



This add-on section of code will customize your section titles, headers and name text in your profile:

.btext {
color: FF0000;
font-family: Arial, Verdana, Helvetica;
font-size: 10px !important;
font-weight: bold;
text-transform: uppercase;
}
.blacktext12 {
color: FF0000;
font-family: Arial, Verdana, Helvetica;
font-size: 10px !important;
font-weight: bold;
text-transform: uppercase;
}
.lightbluetext8 {
color: 000000;
font-family: Arial, Verdana, Helvetica;
font-size: 10px !important;
font-weight: bold;
}
.redtext {
color: FF0000;
font-family: Arial, Verdana, Helvetica;
font-size: 10px !important;
font-weight: bold;
text-transform: uppercase;
}
.redbtext {
color: FF0000;
font-family: Arial, Verdana, Helvetica;
font-size: 10px !important;
font-weight: bold;
text-transform: uppercase;
}
.text {
color: 000000;
font-family: Arial, Verdana, Helvetica;
font-size: 10px !important;
}
.whitetext12 {
color: 000000;
font-family: Arial, Verdana, Helvetica;
font-size: 10px !important;
font-weight: bold;
}
.nametext {
color: FF0000;
font-family: Arial, Verdana, Helvetica;
font-size: 16px !important;
font-weight: bold;
text-transform: uppercase;
}


Once again, items in bold can be changed to your liking.

I hope this helps dispell some confusion on how to make your profile skinny, as well as customize it how you like at the same time. If there's any questions, please reply to this message.

If you have used the skinny profile code and found that your contact table is missing, here's some information that may help you get back your contact table links.

The contact box actually throws the skinny profile out of proportion and makes the whole profile, in a sense, look stupid.

If you still want the links of the contact box available so your friends can add/contact you, you can go ahead and paste the following link codes in your 'About Me' section of your profile:

Add Me Image Link:

Code:

<a href="http://www.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=YOUR friendID"><img src="http://i.myspace.com/site/images/addFriendIcon.gif" width="115" height="30"></a>

Add Me Text Link:

Code:

<a href="http://www.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=YOUR friendID">ADD ME</a>

Message Me Image Link:

Code:

<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=YOUR friendID"><img src="http://i.myspace.com/site/images/sendMailIcon.gif" width="115" height="30"></a>

Message Me Text Link:

Code:

<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=YOUR friendID">MESSAGE ME</a>

Add to Favorites Image Link:

Code:

<a href="http://www.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=YOUR friendID&public=0"><img src="http://i.myspace.com/site/images/addFavoritesIcon.gif" width="115" height="30"></a>

Add to Favorites Text Link:

Code:

<a href="http://www.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=YOUR friendID&public=0">ADD ME TO FAVORITES</a>

Forward Me Image Link:

Code:

<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.forward&friendID=YOUR friendID&f=forwardprofile"><img src="http://i.myspace.com/site/images/forwardMailIcon.gif" width="115" height="30"></a>

Forward Me Text Link:

Code:

<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.forward&friendID=YOUR friendID&f=forwardprofile">FORWARD ME</a>

You will need to replace 'YOUR friendID' with your actual MySpace friend id. You can find your friend id by viewing your profile and then looking at the URL in your address bar. Your friend id will be the number found in the highlighted text below after the equal (=) sign:

Ive used this code and i appreciate it and everything but i have one question. My profile has a gap between my left side and right side of my myspace. how do i make that smaller? Take a look.

www.myspace.com/goshbitches

I looked everywhere for this code and im so glad i found it...but my profile is doing the same as the girl who first rplied...how do i fix the gap?? and how do i make my comments centered and not like...scattered

my myspace is - www.myspace.com/shortcakes1392

It's a problem with your friend's comment section. Do you notice the over extended "NO!..." comment. That's what's causing your profile to not be skinny and centered.

thank you thank you thank you!!!

Just wanted to let everybody know about http://www.mytuneslive.com

A lot of people have been asking questions about how to add yoru own MP3's to your myspace profile. Notmany people know about this site because its new, but you can easily upload your mp3 files. They host it for you.

All you do then is click on myspace code and thats it! You copy and paste teh code into your music section and thats it!

I tried using this code but when i did all the tables were different sizes?

Ifeel_nutss wrote:

I tried using this code but when i did all the tables were different sizes?

I've had mixed reviews on this code. In most cases it works, but on some profiles it has serious problems. The one thing I can mention to you, is make sure that the comments your friends leave on your profile are making the size of your table extend larger than normal, for example a large picture may make the table wider than normal.

Also when i submit the code i cant see any of the font in the about me section and all the other sections.

Ifeel_nutss wrote:

Also when i submit the code i cant see any of the font in the about me section and all the other sections.

I have never heard of this problem. I can possibly try checking into it, but at the moment I don't have an answer for you.

how do you get your profile to be skinny but use your own codes and make your own background and stuff.
i need help really bad.
thankyouu!

brandon wrote:

background-color: 000000; background-image: url("URL TO IMAGE"); background-repeat: repeat; background-position: center center; background-attachment: fixed;

Here's the little snippet of code on how you would change the background image. If you go look at the code that I have supplied above, it's all there. Everything you need to customize on your page, along with making it skinny is all in the code above.

how do i get the gap out of my myspace without showing my friends and comments?

This code has kind of worked, but my navigation bar has gone pear shaped and i keep getting DONOTBLOCKOURADS randomly placed on my page.. when i remove them they just come back its rather irritating.. even though you didnt have any ads on there for me to block in the first place :S.. i have modified the code.