myspace 2.0 skinny profile

This may be the one task, I have found, that is not easier in myspace 2.0 then it was in version 1.
However, it is still reasonable to do.

IF you want the profile skinnier then 720px (the width of the ad banner), unless you are willing to keep the entire top area, sized to at least 720px wide, you need to do a "pick up and plop" (otherwise known as absolute positioning) with the top ad banner.

The following code block makes the profile 550px wide, including the top menu and search area.

Place this code into the css area of the customizing section (select customize profile from the profile menu, then select css).

{! skinny profile 550px wide code by Eileen !}
ul#rightNav, ul#leftNav {border-right:0px;}
div#leaderboard {position:absolute; top:0px; right:50%; margin-right:-370px}
h2#mslogo.global {display:none}
div.wrap {width:550px; margin-right:auto; margin-left:auto; margin-top:90px;}
div#header {background-color:transparent;}
div#googlebar {background: transparent url(''); width:550px; height:50px; position:relative;  margin-top:-10px;  _margin-top:-15px; margin-right:auto; margin-left:auto; border:3px green dashed;}
form#formSearch_Header { margin-left:auto; margin-right:auto}
div#googlebar div.global  {position:absolute; top:0px; left:36px;}
div#topnav {background:transparent; border:0px; width:550px; }
ul#leftNav li, 
ul#rightNav li {background-color:transparent;  width:auto; margin:0px; padding:0px; border:0px;} 
ul#leftNav li *, 
ul#rightNav li * {color:black; font-size:8px; font-family:comic sans ms; font-weight:bold; margin:0px; padding:0px; border:0px;} 

I HIGHLY recommend applying a music player skin, or at least resizing the player, to fit into the narrow column.

You can get the code to resize and/or apply a skin to the music player here:
myspace 2.0 music playlist music player skins, resize, and position player code

You may also want a skinny contact table, you will find the code for that here:
myspace 2.0 custom contact tables, resize contact table

music player myspace 2.0

mySpace 2.0 music player

Quick links to subjects in this article:

Changing the size of the Player
Alternative to hiding the player
MySpace 2.0 Hide Player While Still Allowing it to Play
Is the Bottom or Right Edge of your Player Clipped off or Hidden? Click here for the Fix.

Changing the Size of the Music Player
For changing the size of the music player, you can now use my music player skin tool.
myspace 2.0 music player skins and code
If you want to make the player smaller, I recommend using this tool:
myspace music player, style, size, color, skin, position, playlist or single song player, myspace 2.0 or myspace 1.0
The templates include
For the single song player:
- on/off button and volume only, 40x51

For the multi song playlist player:
- 40x40 on/off button only (volume removed, so hopefully it is high enough and not too high)
- 110W x 42H on/off button, back/forward buttons and volume
- 295W x 31H (same size as mini player) shows on/off, forward/back, volume.
- 294W x 97H shows the album image, song name, on/off, forward/back, volume.
- 295W x 295W shows 5 songs in the scroll area, along with a full scroll bar and the playlists link at the bottom. This is the longest size that works with a custom skin for myspace 1.0, in IE. Making the player longer exposes a bug in the IE browser, related to the player flash implementation.

If enough people want another size, I will add a new template.

Or, you can size it using the below code and altering the height values to meet your needs.

When sizing the player by only changing the size of the object you get the following effects:
-If the player is sized smaller, some of it is clipped off of the bottom and/or right.
If the player width is sized larger, it stretches (distorts).
However, you can alter the player height, and make it longer, without it distorting. In this case, it will show additional songs.

Code for myspace 2.0
Put this code into the css area
Change BOTH 600 values, to the height you want your player to be.

{! START size music player code by Eileen !}
div.musicPlayerModule div.moduleBody{height:600px;}
div.musicPlayerModule object[id] {height:600px;} 
{! END size music player !}

It takes more code in myspace 1.0 and is much more likely to not work, when myspace makes some slight change. (and I highly recommend upgrading to 2.0)

<i class=i>START code to Size Music Player.  
Code Author Eileen</i>
<a class=i href="http://xiii.us/eGen/mpSkin.php">myspace music player customize, skin, size, opacity, position, myspace 2.0, myspace 1.0, playlist, single song player"</a>
<style>
.i {display:none;}
table table div object {height:600px !important;}
table table table div object,
table table td.text div object,
table div table div {height:auto !important;}
</style>
<i class=i>END code to Size Music Player</i>

You can put this code into any section that accepts style blocks.
Do not next inside another style block.
Do not remove my link or credit (they will not show up on your visible page).


Alternatives to Hiding the Music Player

I highly recommend against hiding the music player. Sometimes people use their computer to listen to their own music. Giving people the option to turn the player off is a very good idea.

Instead I recommend that you size the player small, and put it in the top or right left corner.

You will find the code to do that here:
size myspace music player tiny, and put in top corner of page.


Hiding the player while still allowing it to play
If you must hide the player, while keeping the music playing, you can use this code:
Place this code in the css section of the customize profile section:

div.musicPlayerModule {position:absolute; 
top:0px; left:0px; 
height:3px; width:1px; 
overflow:hidden;}
div#musicPlayer {position:absolute; 
top:0px; left:0px; opacity:0.001; 
filter:alpha(opacity=0)} 

Fix issue with some of the player being hidden (caused by myspace default code)

This is caused by a bug that myspace introduced to their code. I really thought they would have fixed this by now.

Forcing the size of the player, or the immediate containing 2 divs, does not seem to fix the problem, as it did before.
Due to the way they have sized the columns, it is now necessary to override their column sizing, in order to prevent the right side of the player from being clipped off, if the column is not at least as wide as the player.

If you increase the size of the left column, you must also decrease the size of the right column, or it will "float" BELOW the left column, instead of beside it.

If you have the 2 column layout, this code allows the full width of the music player to show correctly:

{! adjust column widths to fix music player from having right clipped off !}
{! code author Eileen !}
div.wrap div.profileLayout div.column0 {width:300px;}
div.wrap div.profileLayout div.column1 {width:400px;}
{! adjust above width values so that sum is not greater then width of profile !}
{! end code to adjust column widths !}

If you are not using the same 2 column layout I used, you may have different class values for the effected columns.