mySpace skinny profile

MySpace minimize, make skinny Profile

For MySpace 2.0, Skinny Profile, go here

Because I am recommending that everyone upgrade to myspace 2.0, I will not be dong many updates to my old myspace 1.0 code. However feel free to use it, for now most of it still works.

=== Below is the code for Version 1 ===

I have commented each code section, so you can see how the solution works.
You may want to modify the px values. I set the full width to 513px.
Left Column:200px
Right Column:300px;
space between right and left column:13px;

All of the above can be altered, to customize the width of the various sections of your profile.

This is the updated solution, based on the myspace changes June 2008

<a class=i href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9za2lubnktcHJvZmlsZQ==">skinny profile myspace code tutorial by Eileen</a>
<style>
{! Skinny Profile code !}
x.i i, .i, .rail {display:none;}
div.profileWidth,
div.profileWidth table,
div.profileWidth table td {width:720px !important;}
div.profile form {position:absolute; top:10px !important; right:10px !important;}
div.srchfield input {width:190px !important;}
div.clearfix div.profile {margin-bottom:-5px !important }

{!-best font for skinny profile-!}
td, td.text, div, form, span, a {font-family:Arial Narrow !important}

{!-eliminate clear gif files-!}
table td img {display:none}
{!-unDo on other images-!}
table table table td img {display:block;}
{!-google form image not effected unless important used-!}

{!-override hard-set cell width values-!}
table td, x.i i .i {width:auto }

{!-full page width except top ad banner-!}
table {width:513px;}

{!-centering stuff-!}
table { margin-right:auto; margin-left:auto}
{!-IE needs below to center-!}
body {text-align:center}
{!-unDo center for other tables-!}
body table table table {text-align:left; margin-left:0px; margin-right:0px;}

{!-distance between left and right columns-!}
table table td.text {margin-left:13px;}
table table table td.text {margin-left:0px;}

{!-left column-!}
table.profileInfo, table.profileInfo table,
table.contactTable, table.contactTable table,
table.userProfileURL, table.userProfileURL table,
table.interestsAndDetails, table.interestsAndDetails table,
table.userProfileDetail, table.userProfileDetail table,
table.userProfileSchool, table.userProfileSchool table,
table.userProfileCompany, table.userProfileCompany table,
table.userProfileNetworking, 
table.userProfileNetworking {width:200px;}

{!-Use ONLY if your profile image is too wide-!}
table table table.profileInfo a img {width:90px; height:auto;}

{!-contact table clear gifs -!}
table table table.contactTable table td img {width:0px;}
{!-size link images in contact table-!}
table table table.contactTable table td.text a img {width:95px; height:20px}


{!-right column-!}
table table td.text table,
table.extendedNetwork, 
table.latestBlogEntry,
table.blurbs, table.blurbs table,
table.friendSpace, table.friendSpace table,
table.friendsComments, 
table.friendsComments table {width:300px;}

{!unDo!}
table.friendSpace table table {width:auto}

{!-friend space sizing-!}
{!-Size inner levels  to exactly 1/4 of left column width!}
table.friendspace table table td, 
table.friendSpace table table table, 
table.friendSpace table table table td {width:75px !important; margin:0px; border:0px; padding:0px;}

{!- set so that img PLUS padding = 1/4 of full table width-!}
table.friendspace img {width:74px !important}

{!-names above friend pictures.  I keep these small.  FF has wrap issues-!}
table.friendspace table table td a {font-size:9; font-family:Arial Narrow}

{!-ditch picture border-!}
table.friendspace a img {border:0px !important;}

{!-deal with view friends div-!}
table.friendSpace table div {width:98% !important; font-size:8px !important}

{!-Gets rid of some excess space-!}
table.friendspace br {line-height:2px;}
table.friendSpace div {display:none;}

{!video I recommend against having one in a skinny profile !}
table table td.text object, table table td.text embed {width:300px !important; height:310px !important}

{!-decrease space between tables-!}
table  br {line-height:2px}
table table table br {line-height:9px;}

{! music player trim to button only !}
table table div  {width:46px; height:51px; overflow:hidden;}
table table td.text div, 
table table table div,
x.i i .i {width: auto; height:auto;}

</style>
<i class=i>!! End skinny profile Code !!</i>

---- old code is below this line ----
This code can be placed at the top of your about me:

<i class=i>
Skinny Myspace Profile
<a href="http://xiii.us/ms/skinny-profile">skinny profile myspace code tutorial by Eileen</a>
</i>
<style>
{! Skinny Profile code !}
.i {display:none;}
{!-best font for skinny profile-!}
td, td.text, div, form, span, a {font-family:Arial Narrow !important}

{!-eliminate clear gif files-!}
table td img {display:none}
{!-unDo on other images-!}
table table table td img {display:block;}
{!-google form image not effected unless important used-!}

{!-override hard-set cell width values-!}
table td {width:auto }

{!-full page width except top ad banner-!}
table {width:513px;}

{!-centering stuff-!}
table { margin-right:auto; margin-left:auto}
{!-IE needs below to center-!}
body {text-align:center}
{!-unDo center for other tables-!}
body table table table {text-align:left; margin-left:0px; margin-right:0px;}

{!-top navigation bar width-!}
table.navigationBar, table.navigationBar table, table.navigationBar td {width:513px !important; font-size:6px;}

{!-google search form; leave room for select-!}
div table div form {width:420px;}
div table div form input.txt {width:100px !important}
div table div form input {width:45px !important}

{!-distance between left and right columns-!}
table table td.text {margin-left:13px;}
table table table td.text {margin-left:0px;}

{!-left column-!}
table.profileInfo, table.profileInfo table,
table.contactTable, table.contactTable table,
table.userProfileURL, table.userProfileURL table,
table.interestsAndDetails, table.interestsAndDetails table,
table.userProfileDetail, table.userProfileDetail table,
table.userProfileSchool, table.userProfileSchool table,
table.userProfileCompany, table.userProfileCompany table,
table.userProfileNetworking, 
table.userProfileNetworking {width:200px;}

{!-Use ONLY if your profile image is too wide-!}
table table table.profileInfo a img {width:90px; height:auto;}

{!-contact table clear gifs -!}
table table table.contactTable table td img {width:0px;}
{!-size link images in contact table-!}
table table table.contactTable table td.text a img {width:95px; height:20px}

{! move music player to top left, button only!}
table table div object, table table div embed {width:45px; position:absolute; top:0px; left:0px}

table table td.text div object, table table td.text div embed {position:static; width:auto; height:auto}


{!-right column-!}
table.extendedNetwork, 
table.latestBlogEntry,
table.blurbs, table.blurbs table,
table.friendSpace, table.friendSpace table,
table.friendsComments, 
table.friendsComments table {width:300px;}

{!unDo!}
table.friendSpace table table {width:auto}

{!-friend space sizing-!}
{!-Size inner levels  to exactly 1/4 of left column width!}
table.friendspace table table td, 
table.friendSpace table table table, 
table.friendSpace table table table td {width:75px !important; margin:0px; border:0px; padding:0px;}

{!- set so that img PLUS padding = 1/4 of full table width-!}
table.friendspace img {width:74px !important}

{!-names above friend pictures.  I keep these small.  FF has wrap issues-!}
table.friendspace table table td a {font-size:9; font-family:Arial Narrow}

{!-ditch picture border-!}
table.friendspace a img {border:0px !important;}

{!-deal with view friends div-!}
table.friendSpace table div {width:98% !important; font-size:8px !important}

{!-Gets rid of some excess space-!}
table.friendspace br {line-height:2px;}
table.friendSpace div {display:none;}

{!video I recommend against having one in a skinny profile !}
table table td.text object, table table td.text embed {width:300px !important; height:310px !important}

{!-get rid of blue behind advertisement-!}
div table {background-color:transparent}

{!-decrease space between tables-!}
table  br {line-height:2px}
table table table br {line-height:9px;}
</style>

Thank you for Visiting; Have A Nice Day


myspace skinny profile with the space compressed.
This is the most complete skinny profile code, it compresses everything except the ad banner and does not throw the bottom links to the far left.
Bottom links end up compressed and centered.
Top area menus and google search end up skinny compressed and centered.
Only the ad banner retains its default width.
Clear gif spacer files removed or minimized. White space removed or minimized.