PLEASE do NOT strip my credits out of your code. They are harmless. Unlike most sites, My credits do NOT show up on your visible page, there is no reason to remove them. If you make a derivative of my work, you may add your own credits, but leave mine in tact.

I apologize for being less attentive to people's questions than in the past. I hope to return to doing this at some time. But for now I need to think about what I want to do. This doesn't mean I am completely ignoring all questions, if I suspect there might be a bug in my code, or myspace has made some change effecting it, I will still dig in and research.

Wednesday, April 04, 2007

mySpace skinny profile

MySpace minimize, make skinny Profile



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.

Labels:

13 Comments:

Blogger AdamAddiction2010 said...

This is a really good code. It did work. But i was wondering how to change my profile picture to its regular size. its smaller then a thumb nail now and i can barely see it. i looked everywhere in the code but couldn't find where the profile picture stuff is.

18/12/07 21:51  
Blogger Eileen (aka Coboble) said...

Locate this line of code:

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

Then either remove the line, or change the 90px to the width you want.

18/12/07 22:50  
Anonymous Anonymous said...

my profile still has the dreaded scrollbar at the bottom of the screen...a friend left a comment and centered it and now the whole page is off...is there anyway to make the space where comments are left smaller without deleting it? its not even the picture that's too big..just the spacing

27/12/07 16:40  
Anonymous Anonymous said...

my music player dissappeared

24/3/08 15:23  
Anonymous Anonymous said...

thanks this really helped!

3/5/08 12:39  
Anonymous Anonymous said...

hey eileen, i was wondering if you had a code that got rid of the scrollbar? with a code, though, not just taking out stuff in my about me and such.

5/5/08 16:19  
Anonymous Anonymous said...

this code does not wrk

31/5/08 20:42  
Blogger u∃∃l!∃ said...

You have to give more details.
I just tested it again, on a profile with no other code, and it worked just fine.

31/5/08 21:18  
Anonymous jessica! said...

jeez i love you! finally something that works RIGHT =)

24/7/08 19:48  
Blogger Blutchican said...

dude kudos.
this code is legit.
Thanks <3

31/7/08 08:33  
Anonymous MICHELLE FROM SOUTHEAST, D.C said...

THANKS SO MUCH I USED YOUR SKIINY PROFILE CODE AND IT WAS SO HELP FUL I DID NOT SHRINK THINGS I DIDNT WANT SHRUNK I LOVE YOUR SITE

5/8/08 06:09  
Blogger LD89 said...

HI I LOVE!!! UR CODE! THANKS SO MUCH BUT NOW I CANT HAVE ANY BREAKS ON MY PAGE I PUT
AND IT DOES NOT WORK.CAN YOU HELP ME FIND OUT WHY OR HAVE A CODE FOR ME?
THANKS IF YOU NEED ME TO I CAN SEND U THE CODE THAT I CHANGED A LITTLE.
THANKS!!!

28/8/08 22:24  
Blogger LD89 said...

HI I LOVE!!! UR CODE! THANKS SO MUCH BUT NOW I CANT HAVE ANY BREAKS ON MY PAGE I PUT
AND IT DOES NOT WORK.CAN YOU HELP ME FIND OUT WHY OR HAVE A CODE FOR ME?
THANKS IF YOU NEED ME TO I CAN SEND U THE CODE THAT I CHANGED A LITTLE.
THANKS!!!

28/8/08 22:26  

Post a Comment

Links to this post:

Create a Link

<< Home