Make Your Myspace Profile Skinny
Wondering how to make your myspace profile skinny? Well Ive got the code for just the thing!
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. Some of these items, such as font color or sizes can actually be modified to customize the look and feel 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 myspace 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:
<STYLE type="text/css">
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;
}
</STYLE>
This add-on section of code will customize your section titles, headers and name text in your profile:
<STYLE type="text/css">
.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;
}
</STYLE>
Once again, some of these items can be changed to fit your style.
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.
Comments
i still have a problem with the table with comments. every other table turned skinny but not the one with comments. it still has it original size :(
Posted by: uruviel | January 29, 2006 12:23 PM
i tried this one, but it still doesnt make my pf skinny, please help!!!! i've looked EVERYWHERE!!!!
Posted by: vanessa | January 29, 2006 12:59 PM
I like the look of the skinny profile but I do have one problem with it. When I applied the HTML to my site it did away with my contact box. No one can find the option for "add as a friend"
Posted by: Erin | January 29, 2006 04:03 PM
i put the code in, but the text is all going downwards!!!!! please help me out!!!
Posted by: emma | February 6, 2006 04:24 AM
i used those codes and changed the fonts, colours, sizes etc. and it worked really well an was the only code id found that actually worked! however some colours havent changed an ive been over it so many times.
is there any reason for this?
Posted by: katie | February 8, 2006 03:08 PM
hey well i just wantedto ask how do i make my contact box visible.. because i tried ur skinny code and it doesnt show my contact box other than that all works!
Posted by: rebeca | February 11, 2006 07:28 PM
do you know of anyplace that will do that all for you!?
im so lost.
ah.
Posted by: Kendra | February 11, 2006 11:51 PM
ahhhh! ive looked for the skinny profile code thingy everywhere...and i tried this and it kinda worked..BUT idk how to do the color codes or anything i know what i want it to look like but i need help!!!
Posted by: allie | February 12, 2006 08:06 PM
This worked GREAT!
I just changed the colors a bit.
:]
Posted by: Cheyenne | February 17, 2006 02:21 PM
is there anyway to make it skinny without having to put all of that stuff in...
Posted by: sydney | February 26, 2006 07:06 PM
well i put the code in and changed some of the colours and put my image URL in but it doesnt show the background of the URL. it also like streaches my friends and hides my contact table. i really want a skinny profile please help!!!!
Posted by: suzie | March 11, 2006 09:28 AM
people all you need to do to get ur contact table back is delete this part of thee code "contactTable {
visibility: hidden !important;
display: none !important;
} "
Posted by: tony ibarra | March 28, 2006 05:47 PM
Holy shiet.
thank you so so so much.
it worked perfectly for me.
great job
love Desiree
Posted by: Desiree | April 1, 2006 02:06 PM
How do I make the comments box skinny and the contact table reappear?
Posted by: Ashley | April 2, 2006 03:39 PM
the code works very well but it turns the border red and it doesnt do with my layout
please help me
&&Love
Posted by: Vix | April 27, 2006 03:58 PM
no matter what i do my profile is still wide, and i need something to change that
Posted by: christen | May 27, 2006 10:51 PM
this doesn't WORK,
okaY??
each time I put the stupid code in, it automatically cuts off at .r something.
Posted by: jenny | June 3, 2006 11:28 AM
um isnt there a small code just to make it skinny instead of using and modifying ALL these codes?
Posted by: erica | June 14, 2006 07:27 PM
to answer some of your qustions...
1. The content in your comments may be the reason why your comments table is still big. You might want to resize the pictures or delete the comments with lots of text and big pictures in them
2. If you want to keep your contact box, take out this part of the code.
.contactTable {
visibility: hidden !important;
display: none !important;
}
Posted by: ixdunnoo | July 5, 2006 10:55 AM
TO MAKE YOUR PROFILE SKINNY WITHOUT YOUR CONTACT TABLE DISAPERAING, ALL YOU HAVE TO PUT IS THIS AND IT WILL STICK ALONG THE LINES OF THE LAYOUT YOU WILL ALREADSY HAVE. You dont have to change any colors or numbers or anythign like that. just stick this somewhere in your about me.
}
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;
**i didnt code this**
Posted by: ixdunnoo | July 5, 2006 11:02 AM
is there a certain generator like mygen
that can help you do this easier.?
Posted by: jessica | July 16, 2006 04:06 PM
i used this code and it works really good but how can i get my friends pictures to be bigger?
Posted by: Katelyn | July 29, 2006 11:02 AM
um hi your code is very helpful but for some reason, every letter in my about me goes down and makes it verrrrrry long and hard to read, how can i edit that?
Posted by: tammy | August 3, 2006 01:07 PM
do u know how to for myspace make the underline, italics and bolded different colors?and im new to this whole html thing so i dont know where to replace things in the code. HELP!! pleasemuch appreciated
Posted by: Nicole | August 22, 2006 03:20 PM
how do you make it so the bakcround doesnt tile
Posted by: connie | August 22, 2006 10:40 PM
Ok it made everything skinny but I would like to make my contact table and make my tables visible.. Please help me out...
Posted by: kittie | October 1, 2006 12:17 AM
I SAW YOUR TUTORIAL ON HOW TO MAKE A LAYOUT SKINNY BUT I CAN'T FIND OUT ANYWHERE HOW TO CHANGE ONE FROM BEING SKINNY TO NORMAL. PLEASE HELP. THANKS.
Posted by: Jillianne | October 9, 2006 01:38 PM
i used it so i could see my backround image and it worked
Posted by: Hardcoreprep | October 16, 2006 10:42 PM
i tried this fricken thing and it totally screwed up my profile!!!
Posted by: amanda | October 20, 2006 12:11 PM
Just get rid of this bit of the code for your contact box to appear again
.contactTable {
visibility: hidden !important;
display: none !important;
}
jx
Posted by: Jess | October 23, 2006 12:29 PM
one site that has it.. and no color codes are there but the ones u have already .. fuck this code
www.myspacetweaks.com
and go to forums.. "common questions and answers" its labled skinny profile code.
Posted by: victor | October 29, 2006 07:00 AM
um, thanx, but does anybody know a code that automatically sets your images at a small size so it doesnt sretch your skinny profile??? PLEASE HELPP
I know its possibel b/c some premade layouts have it. but i dont want a premade layout.
Posted by: Jordan | November 24, 2006 06:41 PM
i have a skinny layout now and my display picture got smaller when you preview my page i was wondering how do you make it bigger agian??
Posted by: brittany | December 5, 2006 03:34 PM
whered the contact table go? how do i get it back??
Posted by: jessi | December 6, 2006 10:20 PM
umm it turns my bk black and red!!
Posted by: ALy | December 8, 2006 09:30 PM