myspace center single column profile

Center Profile Into One Single Column

If you want to center your profile, I highly recommend that you upgrade to myspace 2.0
In myspace 2.0, to center your profile, in one centered column, do the following:

select "customize profile" from the top menu
select "change layout" which is in the top right area of the customize page
select the profile template that looks like this:



You can now drag your modules, to where you want them, on the layout.

However, if you really want to keep myspace 1.0, you can still use the code below.

This is the only source I know of, which offers solutions for a one column profile, which does NOT require that one hide a significant chunk of the default myspace page.
I have a few different solutions.
The one which works best for you, depends on what content you want to keep.

Before writing my own solutions, I played with multiple strategies, and evaluated each one for its strengths and weaknesses.
Choosing a MySpace Profile Centering Strategy

Strategy 1) Place Code in the Networking Box.
This effects fewer page elements than strategies 2 or 3
[This was my favorite, however I removed this strategy due to the lack of consistency in myspace, related to converting code entered in this space.]

Strategy 2) Place Code in Heroes Section
[This concept exists in cyberspace already. However after testing the various solutions available, to see if I would just point to an existing solution instead of writing one, I realized that the exiting solutions all had major flaws. I tested each one on a profile with no other customizations. This doesn't mean there is not a better solution out there, but I did not find one. ]

Conceptually, this is the same as Strategy 1, however it requires that a lot more content be placed absolutely within our div (or rendered display:none).

It is the best solution if you do NOT want to display any of the following:
groups
details (or if you have custom details)
schools
companies
networking
However it DOES work even if you want to display some or all of the above. In this case you want to use the 2nd Example, where I return these items to the profile.

Example 1 (using Strategy 2).
Place the below code block at the END of either the Heroes OR the last field, in the interests, where you have data.

<i class=i><a href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9jZW50ZXItc2luZ2xlLWNvbHVtbg==">
Center Profile into Single Column MySpace Code
Author:Eileen</i>
<i class=i>!- START code BLOCK 1 make page one centered column-!</i>

<i class="off">!-Close tables out to level 1-!</i> 
</td></tr></table>
</td></tr></table>
</td></tr></table>

<i class="off">!-Create a Div to be used to more accurately position the stuff below this point, that we want to display-!</i>
<div class="myDleftBottom" style="position:relative; top:-20px; left:0px; right:0px;" >

<i class="off">!-Open same number of tables we closed-!</i>
<table><tr><td>
<table class="off"><tr><td>
<table><tr><td>

<style>
.i {display:none;}
{!-remove clear gifs to improve centering-!}
table img {display:none;}
td {width:auto}
table table table img {display:block;}
table table table.profileInfo img {display:inline;}
table table table.profileInfo td.text img {display:block;}

{!-Positioning and display of all left side elements which were below the Interests section-!}

{!-If you do not want to show interests-!}
.interestsAndDetails {display:none;}

{!-The below elements from the left column must either be rendered display:none; or placed using absolute positioning.
The absolute positioning is relative to the outer div not the entire page-!}

.userProfileDetail {display:none}
.userProfileSchool {display:none;}
.userProfileCompany {display:none;}
.userProfileNetworking {display:none;}

</style>
<i class="off">!-End make page ONE centered Column-!</i>

Example 2 (strategy 2)
In the below example I return the rest of the left column (the stuff that normally comes after the interests) to the profile.
The Below solution has TWO code blocks, you need both of them
Put this code in either the heroes section (after your heroes data and any data you have there to create custom tables below this section). Block 1:

<i class=i><a href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9jZW50ZXItc2luZ2xlLWNvbHVtbg==">
Center Profile into Single Column MySpace Code
Author:Eileen</i>

<span class="off">!- START code BLOCK 1 make page one centered column-!</span>

<span class="off">!-Close tables out to level 1-!</span> 
</td></tr></table>
</td></tr></table>
</td></tr></table>

<span class="off">!-Create a Div to be used to more accurately position the stuff below this point, that we want to display-!</span>
<div class="myDleftBottom" style="position:relative; top:0px; left:0px; right:0px;" >

<span class="off">!-Open same number of tables we closed-!</span>
<table><tr><td>
<table class="off"><tr><td>
<table><tr><td>

<span class="off">!-End BLOCK 1 to make page ONE centered Column-!</span>

The next block can go anywhere (except nested between other style tags since it contains style tags).
The stuff in bold is stuff you probably want to edit. For each left column element, which was initially below the interests section, you will need to either render it display:none OR position it absolutely within the outer containing div.
If you want it gone, set it like I have set the schools (.userProfileSchool).

<style>
.i {display:none;}
{!-remove clear gifs to get better centering-!}
table img {display:none;}
td {width:auto}
table table table img {display:block;}
table table table.profileInfo img {display:inline;}
table table table.profileInfo td.text img {display:block;}

{!-Positioning and display of all left side elements which were below the Interests section-!}

{!-Move down right column stuff. top px value must equal margin-bottom.  This is the amount you want to move this down to insert details, schools, companies, networking -}
.extendedNetwork {position:relative; top:400px; margin-bottom:400px;}

{!-The below elements from the left column must either be rendered display:none; or placed using absolute positioning.
The absolute positioning is relative to the outer div not the entire page-!}

.userProfileDetail {position:absolute; top:10px; right:50%; margin-right:-150px}
.userProfileSchool {display:none;}
.userProfileCompany {position:absolute; top:195px; right:50%; margin-right:-150px}
.userProfileNetworking {position:absolute; top:300; right:50%; margin-right:-150px;}

{!-OPTIONAL style stuff-!}
{!-ditch ugly gray behind bottom menu-!}
tr {background-color:transparent;}
{!-restore white to URL-!}
table.userProfileURL table tr {background-color:white !important}
</style>

Strategy 3) put Code in About Me Section
Place this code at the TOP of your about me section, BEFORE you about me content.

<span class="off">!-Start Block To Center Profile in One Column-!</span>

<span class="off">!-Shameful self promotion <a href="http://xiii.us/v/">MySpace Customization Code, Tutorials and Information</a></span>

<span class="off">!-Close out tables/cells/rows out THROUGH the td.text cell which makes up the right column-!</span>
</td></tr></table></td></tr></table>
</td></tr>

<span class="off">!-Create a new row underneath the cell which makes up the right column-!</span>
<tr><td>
<span class="off">!-Re-Open Blurbs Table, assign our own class (we will hide the old class)-!</span>
<table class="myBlurbs" style="width:435px;" ><tr><td class="myBlurbH">

<span class="off">!-ReCreate Blurbs Header if Desired-!</span>
<span class="orangetext15"> My Blurbs </span>
</td></tr>
<tr><td>
<table class="myBlurbsI"><tr><td class="myAboutMe">

<span class="off">ReCreate About Me Header if Desired</span>
<span class="orangetext15">About Me:<br></span>

<style>
{!- If you do not want to hide blogs this is NOT the best centering strategy -!}
table.latestBlogEntry, table.blurbs {display:none;}

{!- you may replace below with position absolute clause-!}
table.extendedNetwork {display:none;}

{!- size what is left of old right column to 0 width-!}
table table td.text {width:0px !important;}
table table table td.text {width:auto !important}
table.myBlurbs td {width:auto}
{!-Background coloring for cell with blurbs header-!}
td.myBlurbH {background-color:ffcc99}
</style>

<span class="off">!-END Block To Center Profile in One Column-!</span>

Code for Band Profile
Put this code at the bottom of the "Sounds Like":

<span class="off">!-START Code to Center Band Profile in One Single Centered Column-!</span>

</td></tr>

<span class="off">Below is to re-create the record label and signed by, remove this block if you don't want this </span>
  <tr >
  <td  width="100" bgcolor="b1d0f0" NOWRAP>
  <span class="lightbluetext8">Record Label</span></td>
  <td width="175" bgcolor="d5e8fb" style="WORD-WRAP: break-word">
unsigned
  </td>
  </tr>
  <tr><td width="100" bgcolor="b1d0f0" NOWRAP><span class="lightbluetext8">Type of Label</span></td>
  <td width="175" bgcolor="d5e8fb" style="WORD-WRAP: break-word">
None
  </td>
  </tr>   
<span class="off">END block to re-create the record label and signed by </span>

</table>
</td></tr></table>
</td></tr></table>
<table class="myTclassR"><tr><td class="off">

<table class="off"><tr><td>
<table><tr><td>

<style>
{!- remove cell used to make space between right and left columns-!}
table.myTclassR td {width:0px;}
table.myTclassR td img {display:none}
{!-remove effect on other content}
table.myTclassR td.text img {display:block;}
table.myTclassR td.text, table.myTclassR td.text  td {width:auto !important}
</style>

<span class="off">!-END Code to Center Band Profile in One Single Centered Column-!</span>

For another solution, with less code (not as accurate with the centering, and hides everything left below the heroes) which may meet many needs, you can try this:
Katamari Centered Profile

Thank you for Visiting; Have a Nice Day :-)

Google often sends people to one of my pages, but not the one with the information. This is an experiment to see if I can help direct traffic to the correct page:
Queries which should be hitting this page:
If you are looking for myspace center profile codes OR one column profile code or you want to know how to make your myspace profile one column, you have come to the correct place.
If you want to create a center down profile for myspace OR a one column layout this page shows a few ways to do this. It also covers how to make my myspace profile one column. You can Create a 1 column myspace with only 1 column.
I show how to, In myspace, move everything so each element is under the other elements.
The code moves everything in the profil into one column
center whole profile in one column myspace
centered profile