Manipulating the Right Side of the Myspace Profile

If you have noticed that your "view friends ..." link is hidden, and this occurred recently [Sep 2007] it may be the result of a myspace code change.
The "view friend ... " link was moved inside a div.
This code should recover it:

<style>
table.friendSpace table div {display:block;}
table.friendSpace table div * {display:inline;}
</style>

Initially it the class span.redlink was removed, but this was later added back.


Here are some of the search queries, this post was initially designed to address:
(The wording comes directly from the information provided by google).

-- Hide right side myspace

<style type="text/css">
td.text table {visibility:hidden};
</style> 

--Hide right side and remove the space it occupied

<style type="text/css">
td.text table {display:none};
</style> 

-- remove blog area myspace
-- how do i hide my blog area only on myspace

<style>
table.latestBlogEntry {display:none;}
</style>

-- hide white space myspace
-- blank space after removing blog & extended network
-- how do you remove the white space where your extended network box used to be
[This is moot if the blogs and extended network are hidden using the above code. No more white space problem. If you have a whitespace problem, keep reading, and use the code I have here instead of the code you now have.]

-- hide extended network and move up my about me
-- hide extended network and move blogs up

<style>
table.extendedNetwork {display:none;}
</style>

-- remove blog and extended network no white space
-- hide extended network and blogs and move up my about me

<style>
{! hide extendedNetwork and blogs !}
table.extendedNetwork {display:none;}
table.latestBlogEntry {display:none;}
{! due to carriage returns we need to move the blurbs up slightly !}
{! first I control the size of the carriage return so the distance is the same on different browsers !}
br {line-height:12px;}
table.blurbs {position:relative; top:-24px; margin-bottom:-24px;}
</style>

-- Picture in Extended Network:

<style>
{! put picture in extended network !}
{! first hide the default text !}
span.blacktext12{display:none;}
{! put a background in the table !}
table.extendedNetwork {background-image:url("URL-OF-YOUR-PICTURE");
background-position: center center;
background-repeat:no-repeat;
height:150px; width:300px; display:block }
{! change above px value to height of your picture !}
</style>

-- Picture in Blog Area:

<style>
{! Put a picture as the background to the blog table !}
table.latestBlogEntry{background-image:url("URL-OF-PICTURE");
background-position: center center;
background-repeat:no-repeat;
height:348px; display:block }
{! change above px value to height of your picture !}
{! minimize and hide the text which is in the blog area !}
table.latestBlogEntry td, table.latestBlogEntry br {line-height:0px !important; font-size:0px !important; visibility:hidden }
</style>

If you want to put Text or Links or Video (or other swf content) into your extended network area, I recommend reading This
It discusses some different strategies which can be used to obtain the effect.

Friends And Comments
These solutions work with or without a calendar. You choose to (or not to) display the calendar via the calendar functionality, no customization is needed.

--Hide Both Friends and Comments

<style>
table.friendSpace, table.friendsComments {display:none;}
</style>

--Hiding Friends without Hiding Comments

<style>
table.friendSpace {display:none}
</style>

You can provide a Link to View All Friends by placing this code at the end of your "Who I'd Like To Meet" Section:

<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=6221">View All Friends</a>

Replace Tom's Friend ID (6221) with your own. You can replace the View All Friends with any text you want also.
--OR Creating A Custom Top Menu
--OR If you want the link to have its own "box" (or table) you can do something like this, at the end of the about me area

<span class="off">!--Create Custom Table Under Meet Table With a Custom Link --!</span>
</td></tr></table>
</td></tr></table>
<br>
<table style="border:1px green solid; width:435px; "><tr><td>
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=6221">Click Here to View My Friends</a>
</td></tr></table>
<table style="display:none"><tr><td>
<table><tr><td>
<span class="off">!^^END CUSTOM BLOCK ^^!</span>

(Change Tom's friend id, 6221, to your own. Change color and border as desired. For no border change 1px to 0px.)

--Hiding Comments without Hiding Friends

<style>
table.friendsComments {display:none}
</style>

You can provide a Link to View/Add Comments by placing this code at the end of your "who I'd Like To Meet" Section:

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=6221">View Comments</a>

And/OR a link to Add a Comment:

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=6221">Add Comment</a>

If you want to keep the default header/link stuff, that comes with the friends and/or comments; it is possible, however tedious. This means that instead of just using display:none on the whole area, I have to hide at a level lower than the level the links reside. This takes MORE code than just creating our own header and link. But if you want to tap into the automatic friend number calculation, this is of value. (Personally, I think a Fake number is Better anyway).
Notice how much code this takes, compared to the above solutions.

--hide friends, leave .. Has .. Friends and Link to View All Friends
[It is code like this that causes me to consider writing a generator every so often]

<style>
{! <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld3MtdW5kZXItY29uc3RydWN0aW9uLmJsb2dzcG90LmNvbQ==">
Hide friendSpace keep view Link and Has Friends </a> !}
{! Get rid of only Friends Pictures and Names and Space they occupied !}
table.friendSpace table table {display:none}

{! ditch the Friendspace Header and the space it took up !}
table.friendSpace .orangetext15 {display:none}
table.friendSpace table, table.friendSpace table td {height:auto !important; line-height:0px; border:none; padding:0px; margin:0px;}

{! Position below link as desired !}
table.friendSpace table div {position:relative; top:0px; line-height:15px; float:left; }

{! Use below line ONLY if you DO NOT want the .. has .. Friends thing !}
table.friendSpace span.btext {display:none;}
{! Use below line ONLY IF you WANT to show .. has .. Friends !}
table.friendSpace span.btext {display:inline; line-height:15px;}

{! get rid of orange line !}
table.friendSpace table {background-color:transparent !important;}
</style>

Hide Everything in Friend Space EXCEPT the links to View Friends

<style>
{! <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld3MtdW5kZXItY29uc3RydWN0aW9uLmJsb2dzcG90LmNvbQ==">
Hide friendSpace keep view All Friends Links </a> !}
{! Get rid of only Friends Pictures and Names and Space they occupied !}
table.friendSpace table table {display:none}

{! ditch the Friendspace Header and the space it took up !}
table.friendSpace .orangetext15 {display:none}
table.friendSpace table, table.friendSpace table td {height:auto !important; line-height:0px; border:none; padding:0px; margin:0px;}

{! Position below link as desired !}
table.friendSpace table div {position:relative; top:-20px; line-height:15px; float:left; margin-bottom:-20px; }

{! Hide the .. has .. Friends thing !}
table.friendSpace span.btext {display:none;}

{! get rid of orange line !}
table.friendSpace table {background-color:transparent !important;}
</style>

--Hide view friends all|online|mutual

<style>
{! Hide view friends !}
table.friendSpace table div {display:none;}
</style>

--Hide Comments, leave view all and add comment links
This line:"Showing X of Y Comments (view all/Add Comment)"
Is addressed like this:
table.friendsComments table td b
Within that line, the actual view/add are defined as links.
Therefore, I can ditch the "Showing X of Y Comments" and keep the View Add (without the /).

<style>
{! Get rid of inner comment table stuff !}
table.friendsComments table table {display:none}

{! render the rest of it not visible !}
table.friendsComments table {visibility:hidden;}

{! ditch the friendsComments Header and the space it took up !}
table.friendsComments span.orangetext15 {display:none}
table.friendsComments table, table.friendsComments table td {height:auto !important; line-height:0px; border:none; padding:0px; margin:0px;}

{!! USE ONE OF THE BELOW TWO BLOCKS !!}

{! 1:keep the view all  and  Add Comment links.  Postion them left !}
table.friendsComments table td b a {line-height:15px; visibility:visible; position:relative; float:left; padding-right:20px; }

{! 2:Instead I may just want to keep an Add Comment Link !}
table.friendsComments table td a {line-height:15px; visibility:visible; position:relative; float:left;  }
table.friendsComments table td b a {display:none;}

{! ditch a little whitespace !}
table.friendsComments {position:relative !important; top:-20px !important; margin-bottom:-20px;}
</style>

To remove the whitespace caused by the Carriage Returns between the Tables

<style>
{!remove carriage returns between main tables on right side!}
table table td.text br {display:none;}
{!restore carriage returns at other effected levels!}
table table td.text table br {display:inline;}
table table table td.text br {display:inline;}
</style>

If you want to keep only 1 (the first One) Comment, or keep only the first few comments see this article:
Show only one (1st) Comment

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


-hiding right side of myspace, how?
-when manipulating the right side of myspace.
-when hiding the right column code on myspace.

MySpace Page Customizing Article Contents



MySpace changes, problems, updates, code fixes related to recent changes



customized online now icon code that works


Page Layout, Layering, Classes


MySpace Page Layout Showing Divs, Tables, Cells, Classes (Regular and Band Page)



MySpace Blog Page Customize Style


DIV OVERLAYs



Div Overlay Tutorial MySpace Band Page



Simple Div Overlay Tutorial for MySpace Page



Simple MySpace Div Overlay using Floating Div blocks inside a Core Div


Turn your mySpace page into a Spoof Deleted or Error Page


Music Players and Videos



Hide MySpace Music Player (includes Band 4 Song Player)



Resizing and Moving the MySpace 4 song music player



Video Posting Guide Blogger and mySpace


Top Page Area




Top Navigation Menu Bar, Style, Hide



Place a Custom Top Banner MySpace



Band Page Top Area and Menus Including Maroon Nav Bar



Ad Banner Un-Hidding if Hidden, Understanding, Styling


LEFT


MySpace Left Side Styling Hiding


Top Left ProfileInfo MySpace Profile Img, Last Login, Location, Age, Sex, Styling



mySpace Band Page Top Left Profile Image, Location, Last Login, Customize and Style



mySpace URL box userProfileURL hiding, styling



mySpace Details Table userProfileDetails hiding, styling, creating custom Details Tables


RIGHT



mySpace Right Side Hide and Style Routines



MySpace Blog latestBlogEntry, hiding, styling, importing into Div



Create Custom Table (Div or other Content) above Blurbs



Blurbs (About Me/To Meet) Styling, hiding, etc ...



Calendar MySpace Styling Hiding Moving



MySpace Friend Space, Styling, sizing, coloring, hiding, moving



MySpace Comments FriendsComments Structure, Style, Move



MySpace Center Only Comments


BOTTOM



MySpace Bottom Links, copyright cc, Gray background



Add custom div content to bottom of mySpace page


Band Page



mySpace Band Page Shows Hiding, Styling, Moving, importing into Div Overlay


OTHER



One column Centered Layout



Picture placement and Alignment MySpace, Blogger, other web pages



image effects change image when hovering over



MySpace Eliminating Excess White-Space



Firefox Marquee Bug, Direction Up or Down



I hate splinks for many reasons