« Reverse the columns on your Myspace Profile | Main | Hide the top links on Myspace »

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.

TrackBack

TrackBack URL for this entry:
http://www.friendsonmyspace.com/cgi-bin/mt/mt-tb.cgi/45

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 :(

i tried this one, but it still doesnt make my pf skinny, please help!!!! i've looked EVERYWHERE!!!!

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"

i put the code in, but the text is all going downwards!!!!! please help me out!!!

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?

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!

do you know of anyplace that will do that all for you!?
im so lost.
ah.

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!!!

Post a comment

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)