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>
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
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