myspace profileinfo profile image last login hide style

MySpace Top Left ProfileInfo Table

Quick Links to Code Blocks. Those not interested in Explanations, who just Want Code, can use the below quick links.
Split Headline into Multiple Lines
Hide ProfileInfo Space Completely
Hide ProfileInfo Space AND Replace with single Image
Replace Name With Image
Import ProfileInfo Profile Image, Mood, Name, Headline into a Div Overlay
Resize Profile Image:
Tool to Generate Code to Replace Profile Image with another Image
Code and explanation to Replace Profile Image with another Image

Hide Quotes around Headline without Hiding Headline or Profile Data Text
Prevent Wrap of "View my Pics|Videos and/or Mood
Hide "View My Pics|Videos" KEEP Mood
Keep Only Mood, Hide Everything Else in ProfileInfo
Hide ONLY Text Next to Image
Style Text Next to Image
Hide Text Next to Image Keep Headline
Hide Text Next to Image Keep Headline and online icon
Hide Text Next to Image including Headline and quotes and Center remaining Content

Spoof Text next to Image, Keep Last Login (or not)
Hide Gender and Age Keep Last Login (Location and Online Icon can be hidden or kept)
Hide Headline, Gender and Age Keep Last Login (Location and Online Icon can be hidden or kept)
Hide Last Login, keep location, gender, age, online icon
Replace Mood Image With Custom Mood Image
Style the Mood Text (both word MOOD and text that indicates mood)



This is the space which includes the name, profile image, headline, sex, age (not on artist page), location, last login, mood thing, and links to view pictures and videos.

For the band page this space also includes the genere and page views. The mood thing doesn't show up on the band page.
For styling information (including hiding), for this space, on the band page go here:
Band Myspace Page Profile Image ProfileInfo

I have removed the diagram from this article. Instead I use a real myspace page, with the needed style commands added, to show the layering and classes.
I refer to the diagram the page creates, in this article.
Regular MySpace Page Showing Structure, Layout, Classes
[The above page is best viewed in FireFox, as IE does not recognize the border-spacing attribute. You can download FireFox using the icon on my sidebar.]

On the standard page, the whole block has been placed in class="profileInfo".
The table which is assigned class="profileInfo" is itself three tables deep.
I can address it as follows:
(If you refer to the diagram on the myspace page I link to above, you can see a visual of what I am explaining).
table table table.profileInfo
or even just
table.profileInfo
or
body table tbody tr td table tbody tr td table.profileInfo

The words shown in red, do nothing to make the path more explicit, so I don't use them. Some people do, which is fine. For the most part they are harmless.

The whole page is in a body, so using it does not do anything to make the address more explicit.
There has to be a tr and a td between the table and any content, so they don't make this address anymore explicit.
tbody (and thead) are not used in the myspace page code, so the default of tbody is always assumed, and having it in the address string adds no value.

Some address the class this way
.profileInfo
I prefer not to. In the past myspace has extended the use of a class to more elements. Code which utilized a more explicit addressing method was less likely to
In General the more explicit your addressing, the lower the risk of a myspace code change breaking your code. It also leads to more readable code.

On the myspace page, I link to above, I have added additional classification to the headline.

<font class="H">HEADLINE</font><font class="T"> 

On the standard page I was forced to use the <font> tag. On the Band page the choice is not as limited. This allows me to make the HEADLINE independently addressable, allowing me to hide the stuff around it (including the quotes), without hiding the HEADLINE.


Split Headline into Multiple Lines
On the standard page, the only tag we can add to the headline is the font tag. Others are replaced with dots.
Therefore we can not use the carriage return tag.

We can make use of the font tag, to force line breaks.
If the font is set to display:block (instead of display:inline) it will force a line break.

The below example will break the headline into three lines.
In this example I put the middle line in a font block, which I declare display:block.
This forces a carriage return before and after the block.
There are two code blocks.
The first one goes into the headline:

A Nerd from<font class=B> Ka-Troo </font>Here to Help You

The next code block is the style block, and can go at the top of the about:

<style>
.i display:none;}
font.B {display:block;}
</style>

Style Text Next to Image
Style text Next To image.

First put code in the headline:

<font class=H>YOU HEALINE TEXT HERE<font class=T>

Next put the style block at the top of the about me section

<style>
font.H {color:hotpink; font-size:19px; font-family:comic sans ms}
font.T {color:purple; font-size:11px; font-family:Arial Narrow;}
</style>

Hide Text Next to Image (age, gender/sex, location, last login)

<i class="off">
!-Hide text next to profile Image Including Headline-!
!-online icon is NOT hidden
!-code author:Eileen <a href="http://xiii.us/v/">MySpace Code and Tutorials</a>
</i>
<style>
table.profileInfo table td.text {visibility:hidden}
table.profileInfo table td.text img {visibility:visible;}
</style> 

If you wish to keep the Headline you will need code in the headline section, so you can address the text under the Headline independently of the headline.

Hide Text Next to Image Keep Headline
First put this in the Headline:

<font class=H>PUT YOUR HEADLINE TEXT HERE</font>

Now put this in the about me section:

<style>
{! hide and minimize location age last login !}
table.profileInfo table td.text {visibility:hidden; font-size:1px;}
{! recover profile image !}
table.profileInfo table td.text a img {visibility:visible;}
{! recover headline; assumes font.H defined in headline !}
table.profileInfo table td.text font.H {visibility:visible; font-size:13px;}
</style>

Hide Text Next to Image Keep Headline and online icon
First put this in the Headline:

<font class=H>PUT YOUR HEADLINE TEXT HERE</font>

Now put this in the about me section:

<style>
{! hide and minimize location age last login !}
table.profileInfo table td.text {visibility:hidden; font-size:1px;}
{! recover profile image and online now icon !}
table.profileInfo table td.text img {visibility:visible;}
{! recover headline; assumes font.H defined in headline !}
table.profileInfo table td.text font.H {visibility:visible; font-size:13px;}
</style>

Hide Text Next to Image including Headline and quotes and Center remaining Content

<i class=i>
<a href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9wcm9maWxlSW5mbw==">Remove Profile Info Text</a>
</i>
<style>
.i {display:none}
{!hide quote which is all that is left of the text block!}
table.profileInfo table td.text {visibility:hidden;}
{! recover profile image !}
table.profileInfo table td.text a img {visibility:visible;}
{! adjust table and cell widths so content centers !}
table.profileInfo td, table.profileInfo table {width:auto !important;}
</style>

If you also want to center the nametext you can add a left margin.
align:left is hard set in the code, and my attempts to override it did not work.
But this does work (if added to the above style block:
table.profileInfo span.nametext {margin-left:50px;}
However you have to adjust the px value based on the length of your nametext.

Spoof Profile Data (age, gender/sex, location, last login)
Use the above code block.
Put this in the headline:

<font class="H"><img src="http://i12.tinypic.com/6belgli.gif"><font class="T">

REPLACE the URL with the URL of your own image, unless you want to use my Text

For another method, which does not require an image (but has its own potential issues)
joyboner.com
For a cleaned up version of the concept used by joyboner
(And I was very impressed with how well this one was cleaned up, so much that I now consider this superior to using a spoof image):
Maybe Best Code for Spoofing Text next to Image if you are willing to hide the online now icon

Resize Profile Image:

<style>
{!-Resize Profile Image, change px width to size desired-!}
table.profileInfo table td.text a img {width:300px !important}
</style>

Hide ProfileInfo Space Completely

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

If you do not want to remove the space it occupied, then replace {display:none} with {visibility:hidden}

The above will remove MOST of the space. There is still the space left by the carriage returns between the tables. If you want your contact table to move up, completely, you also need to eliminate the carriage return, OR you can just hard-set the size of the carriage return, and move up the contact table. The below code block has this functionality added to it:

<style>
{!- eliminate profileInfo table -!}
table.profileInfo {display:none;}
{!- control size of carriage return -!}
br {line-height:12px;}
{!- move up contact table over carriage return-!}
table.contactTable {position:relative; top:-12px; margin-bottom:-12px;}
</style>

Prevent Wrap of "View my Pics|Videos and/or Mood
IF you want to make the cell showing the mood and/or "View my Pics/Videos" spread out to the end of the table:

<style>
table.profileInfo table td {white-space:nowrap;}
</style>

OR, if the above causes the headline not to wrap in FireFox You can instead increase the size of the clear gif spacer, until their is room for the mood.
The cause of the mood wrapping, is that the colspan of 3, may not come out to enough space, if your profile Image is small, and your text to the right has enough width, to force the 3 cell to the right, too small.
(I am still convinced that one of those cells is just a programming bug, based on what used to be there, and the code they later added).
But either way, you can expand the clear gif, and expand the three cells.

<style>
{! increase size of spacer cell !}
table.profileInfo td img {width:90px;}
{! prevent above from effecting profile img !}
table.profileInfo td a img {width:auto}
</style>

Replace Name With Image

<a class=i href="http://xiii.us/ms/profileInfo">Replace Profile Name Text With Image code by Eileen</a>
<style>
.i {display:none;}
table.profileInfo td.text {background-image:url(URL-OF-IMAGE-HERE);
background-position:left center;
background-repeat:no-repeat; height:42px}
table.profileInfo span.nameText {visibility:hidden;}
table.profileInfo table td.text {background-image:none; height:auto}
</style>

Replace URL-OF-IMAGE-HERE with the url of your own image.
Replace 42 with the height of your image.

Hide ProfileInfo Space AND Replace with single Image
Place the below code at the very top (or bottom) of either your about OR meet section.

<a class=i href="http://xiii.us/ms/profileInfo">Replace Profile Name Text With Image code by Eileen</a>
<style>
.i {display:none;}
table.profileInfo td.text {background-image:url(URL-OF-YOUR-IMAGE);
background-position:left center;
background-repeat:no-repeat; height:42px}
table.profileInfo span.nameText {visibility:hidden;}
table.profileInfo table td.text {background-image:none; height:auto}
</style>

Replace the url image with the URL of your own image.
Replace the height and width with the size of your URL image.

Hide "View My Pics|Videos" KEEP (Do Not Hide) the Mood text and Image
[note: DOES NOT WORK IN OPERA and SOME Versions of SAFARI.]
The below code block can go wherever you keep you style blocks. If you do not already have a place designated for this, you can place this at the top of your about me. It has its own style tags, so don't nest it inside other style tags.

<i class="off">
!-Get rid of "view my pics|videos" KEEP mood-!
!-code author:Eileen <a href="http://xiii.us/v/">MySpace Code and Tutorials</a>
</i>
<style>
{!-prevent wrap of mood if longer than profile image-!}
table.profileInfo table td {white-space:nowrap !important; }

{!-get rid of the view my ...  NON IE browsers -!}
table.profileInfo table tr:last-child {display:none;}

{!-needed to get rid of the view my .. IE. Change color to suit your space -!}
* html table.profileInfo {background-color:white !important;}
* html table table table.profileInfo table td {border-bottom:2px white solid}

* html table table table.profileInfo table td { line-height:0;}
{!-undo effect on text next to profile image-!}
{!-You may need to increase the below px value-!}
* html table table table.profileInfo table td.text {line-height:13px;}

{!- center the mood within the cell -!}
table table table.profileInfo table td {text-align:center !important; margin-right:auto !important; margin-left:auto !important;}

</style>

Replace the word "white" with the color of your own background.
This is what is covering the "View My |" in IE.

Or you can use a solution which gives the whole Mood Block its own background (This will work better if you have a transparent table background with a patterned background showing through. In this case change White to the color you want behind your mood. Transparent does NOT work with the IE solution.

I have another solution which involves stuffing the "View My Pics|Videos Under the contact table, I will add it here later

Hide ProfileInfo Everything Except the Mood text and image.
The below code block can go wherever you keep you style blocks. If you do not already have a place designated for this, you can place this at the top of your about me. It has its own style tags, so don't nest it inside other style tags.

<i class="off">
!-Get rid of "view my pics|videos" KEEP mood-!
!-code author:Eileen <a href="http://xiii.us/v/">MySpace Code and Tutorials</a>
</i>
<style>
{!-eliminate most of the profileInfo content-!}
table.profileInfo td.text {display:none;}
{!-irritating empty cell inhibits Opera solution-!}
table.profileInfo table tr:first-child td {display:none;}

{!-set width and height; you may choose to use numeric height and width values-!}
table.profileInfo, table.profileInfo table, table.profileInfo td {width:auto !important; height:auto !important}

{!-prevent wrap of mood if longer than profile image-!}
table.profileInfo table td {white-space:nowrap !important; }

{!-get rid of the view my ...  in Mozilla and FF and some Safari browsers -!}
table.profileInfo table tr:last-child {display:none;}

{!-needed to get rid of the view my .. IE. Change color to suit your space -!}
* html table.profileInfo {background-color:white !important;}
* html table table table.profileInfo table td {border-bottom:2px white solid}
* html table table table.profileInfo table td { line-height:0;}

{!-do we care about Opera? does not handle last-child how about overflow-!}
{!-set height of mood; I like to do this for all browsers-!}
table.profileInfo table td img {height:20px;}
{!-a little extra space here helps-!}
table.profileInfo table td {border-spacing:3px;}
{!-hide bottom cell-!}
table.profileInfo table {height:24px !important; overflow:hidden;}

{! safari? Supposedly last-child works but my tests failed -!}
{! I may need to return to the crunch and stuff solution I had before !}

</style>

You can also add relative positioning to the mood image to better center it on the text, after altering its size.
Import Mood text and image Into Div Overlay.
Recover the Entire Profile Info area.
If you have used my Div Overlay Strategy:
First remove this line of code:

table.profileInfo {display:none;}

Now Add this block of code:

<style>
{! recover ProfileInfo !}
table.profileInfo, table.profileInfo table td img {display:inline !important;} 
{!-Position, change px values to suit.  You may change left to right-!}
table.profileInfo {position:relative; top:0px; left:0px;}
</style>

You should be able to see the profileInfo section. It should be located just above your Core Div.

Now use the code block to Hide Everything in the ProfileInfo except the Mood.
Keep Only Mood, Hide Everything Else in ProfileInfo

Next Position the Mood. You can either use relative or absolute.
The Mood is NOT logically inside our div, as was the other content we placed.
However it is now sitting center on the top of your div.
Relative position may be more accurate than absolute, depending on where you want to place the thing.

Hide Quotes around Headline without Hiding Headline
Hiding the quote things, while having Text (not an image) in the Headline.
The first quotation can be ditched, while keeping text in the headline, but the 2nd one was a problem.
There is no place to enter any code, to do anything, between that 2nd quote and the the text next to the picture (age, sex and such).

The best I could do, and still keep text in the headline, was to give it a background color, which matched the text next to the picture.
Then I could, via padding and margin camouflage the quotes on both sides.

Put this in the headline:

<font style="color:white">MY HEADLINE </font>

Next put this in the About Me (or wherever you keep the style blocks):

<style>
table.profileInfo td.text font {color:white; background-color:black; padding-right:10px; margin-right:-5px; padding-left:10px; margin-left:-5px;}
</style>

Replace Profile Image
Place this code at the very top of your "About Me" section.

<a class=i href="http://xiii.us/ms/profileInfo">
replace profile image myspace customize code by Eileen</a>
<style>
.i {display:none;}
table.profileInfo td.text a img {width:148px; height:136px; visibility:hidden;}
table.profileInfo table {background-image:url("http://a454.ac-images.myspacecdn.com/images01/121/m_1dc793a3ca43ff7031c72a6726ef5df5.gif");
background-position:1% 1%;
background-repeat:no-repeat;}
table.profileInfo table td {background-color:transparent !important;}
</style>

For a tool that will generate this code, with your own image, and the correct px values, CLICK HERE

Or you can cut and past the above block, Replacing the image with your own.
Replace the width and height with the width and height of the image you want to use.
This is to reserve the space. Then I turn the default image invisible, and place your new image as a background to the table.

Import ProfileInfo Profile Image, Mood, Name, Headline into a Div Overlay
If you only want to import a subset of the profileInfo, start by bringing in the whole block, then hide the stuff you don't want to see.

The exact code you need, to recover this area, is dependent on how you hid it.
The below block should work:

<span class="off">START block to bring ProfileInfo Into A Div Overlay</span>
<style>
{!-recover the profileInfo area. This works with most hide methods I have seen -!}
table table table.profileInfo, table table.profileInfo table {display:block !important; visibility:visible !important}
table table table.profileInfo table td img {display:inline !important; visibility:visible !important;}
table table table.profileInfo td {height:auto !important; line-height:12px !important}
table table table.profileInfo span.nametext {line-height:24px;}

{!-Position, change values to suit your profile-!}
table table table.profileInfo {position:absolute; top:300px; left:50%; margin-left:100px;}
</style>
<span class="off">END block to bring ProfileInfo Into A Div Overlay</span>

The below block first recovers the block, then hides everything except the default profile image (your picture). This works if you only want to display the picture.

<span class="off">START block to bring default picture into div Overlay</span>
<style>
{!-Recover profileInfo block-!}
table table table.profileInfo, table table.profileInfo table {display:block !important; visibility:visible !important}

{!-Position, change values to suit your profile-!}
table table table.profileInfo {position:absolute; top:300px; left:50%; margin-left:100px;}

{!-hide name -}
table table table.profileInfo .nametext {display:none;}
table table table.profileInfo br {display:none;}
{!-render most of the profile Info gone -!}
table.profileInfo table td {display:none;}
{!-render td.text hidden, but not gone-!}
table.profileInfo table td.text {display:inline !important; visibility:hidden;}
{!-display image-!}
table table table.profileInfo table td img {display:inline !important; visibility:visible !important;}

</style>
<span class="off">END block to display only default picture </span>

Spoof Text next to Image, Keep Last Login
This involves using an image to spoof the text which is normally under the headline (next to the profile image).
However, instead of deleting the default text, we will cover everything with our image EXCEPT the last login. (You can choose to show more, but it is tricky. Because of the gap between the last login and the rest of the data this works ok for showing only last login).

First put this in your headline:

<img class=H src="http://i12.tinypic.com/6belgli.gif"><font class=F>

Replace my image with your own.

Put this at the top of your Bio:

<i class=off>!Style block to go with additional code in headline.
Spoof text next to profile Image, keep last login.
Author:Eileen (spiff-myspace.blogspot.com)
</i>
<style>
img.H {position:absolute; 
  margin-bottom:-50px; 
  background-color:pink; 
  margin-left:-20px;}
</style>

Hide Gender and Age Keep Last Login (Location can be kept or hidden)(Online icon can be kept or hidden)
You can keep or hide the location with this code block.
The idea is that you can choose what to show, as long as the items you want to show are all next to each other (one on top of the other with nothing you want to hide in-between them).
If you do not want a Headline, Just leave blank where I have "YOUR HEADLINE HERE".

First put this in your headline:

<font class=HT><font class=H>YOUR HEADLINE HERE</font><font class=T>

The next block goes at the top of the "About Me" Section.

<a class=i href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9wcm9maWxlSW5mbw==">
mySpace Remove age, gender, location Only</a>
<style>
.i {display:none;}
{! reserve space for the text block, shift UP slightly !}
{! height should be height of block AFTER unwanted data is clipped off !}
font.HT {display:block; width:155px; height:120px; position:relative; top:-15px;}
{! height must be enough to hold the full text block BEFORE clipping any off !}
font.T {display:block; width:155px; height:180px; position:absolute}

{! IE only set negative margin to width of headline.}  
* html font.T {margin-left:-70px;}

{clip down to what we want to show T R B L}
{decrease the 80 to show location or if your online icon is clippd off}
font.T {clip:rect(80, 150, 200, 0);}

{move it up}
font.T {margin-top:-70px;}

{!OPTIONAL hide hanging quote !}
table.profileInfo table td.text {visibility:hidden;}
table.profileInfo table td.text font, table.profileInfo td.text img {visibility:visible;}

</style>

Hide Headline, Gender, and Age; Keep Last Login (Location and Online Icon can be hidden or kept)
Put this in the headline:

<font class=HT><font class=T>

Put this in the About Me:

<a class=i href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9wcm9maWxlSW5mbw==">
Hide Headline, Age, Gender, Keep Last Login</a>
<style>
.i {display:none;}
{! reserve space for the text block, shift UP slightly !}
{! height should be height of block AFTER unwanted data is clipped off !}
font.HT {display:block; width:155px; height:100px; position:relative; top:-45px; }
{! height must be enough to hold the full text block BEFORE clipping any off !}
font.T {display:block; width:155px; height:150px; position:absolute; font-size:11px; }

{clip down to what we want to show T R B L}
{increase or decrease values as needed}
font.T {clip:rect(80, 150, 200, 0);}

{OPTIONAL move it up}
font.T {margin-top:-20px;}

table.profileInfo img.imgOnlineNow {position:absolute;}

{!OPTIONAL hide hanging quote !}
table.profileInfo table td.text {visibility:hidden;}
table.profileInfo table td.text font, table.profileInfo td.text img {visibility:visible;}

</style>

Hide Last Login, keep location, gender, age, online icon
Put this in the headline:

<font class=HT><font class=T><font class=H>"YOUR HEADLINE HERE</font>

Put this the about me:

<a class=i href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9wcm9maWxlSW5mbw==">
Hide Last Login Only MySpace</a>
<style>
.i {display:none;}
{! reserve space for the text block, shift UP slightly !}
{! height should be height of block AFTER unwanted data is clipped off !}
font.HT {display:block; width:155px; height:120px; position:relative; top:-15px;}
{! height must be enough to hold the full text block BEFORE clipping any off !}
font.T {display:block; width:155px; height:200px; position:absolute; font-size:11px}

{clip down to what we want to show T R B L}
{increase or decrease values as needed}
font.T {clip:rect(0, 150, 113, 0);}

{move it up}
font.T {margin-top:6px;}

table.profileInfo img.imgOnlineNow {position:absolute;}

{!OPTIONAL hide hanging quote !}
table.profileInfo table td.text {visibility:hidden;}
table.profileInfo table td.text font, table.profileInfo td.text img {visibility:visible;}

</style>

Replace Mood Image With Custom Mood Image

<a class="i">
<a class="i" href="views-under-construction.blogspot.com">custom mood myspace code and tutorials by Eileen </a>
<style>
table.profileInfo table td img {width:0px; height:0px; background-color:transparent; padding-top:19px ; padding-right:19px ; 
background-image:url(http://i38.tinypic.com/2wna25l.jpg)}

table.profileInfo table td.text img {padding-top:0px !important; padding-right:0px !important; background-color !important; width:auto !important; height:auto !important;}

* html table.profileInfo table td a {line-height:40px}
* html table.profileInfo table td.text {position:static;}
* html table.profileInfo table td img {padding-top:0px; padding-right:0px; width:300px; height:195px;}
* html table.profileInfo table td img {position:absolute;}
* html table.profileInfo table td.text img {position:static;}
* html table.profileInfo table td img {clip:rect(0, 20, 20, 0);}
table.profileInfo table td {white-space:nowrap;}
</style>
<i class="i">END code to apply custom Mood</i></a>

[notes for myself to use when I automate this:
to figure out the stretch factor:
if I want 40 across I need to stretch to 40 * 7.5 = 300
if I want 26 down I need to stretch to 26 * 7.5 = 195
To clip top left:
{clip:rect(0, 40, 26, 0);}
]

Style Mood Text
You must be willing to use the SAME style for both the Text which indicates the Mood (such as "Happy") AND the text which says "View My" and the "|" between pics and videos.
At least in IE (in FireFox it is possible to do ONLY the text which shows your mood).

It is also necessary to have an UnDo effect (reverse effect) for multiple other text elements, if you alter the style of the text which shows your mood.
I show this in the example below.

Place this code at the top of the about section, or wherever you are placing style blocks:

<a class=i href="http://xiii.us/ms1/">
myspace codes samples tutorials by Eileen</a>
<style>
table.profileInfo table td {color:magenta; font-size:16px; font-family:comic sans ms; font-weight:bold;}

{! word MOOD !}
table.profileInfo table td b {color:green; font-size:12px; font-family:impact; font-weight:normal;}

{! headline and text under headline !}
table.profileInfo table td.text {color:black; font-size:12px; font-family:courier; font-weight:normal;}

{! if you want your healine styled different than text under it then wrap your headline text inside font class=H and use the below to style the headline only !}
table.profileInfo table td.text font.H {color:blue; font-size:18px; font-family:Arial Black; font-weight:bold;}

{! to style the view my differently in FireFox !}
table.profileInfo table tr:last-child td:last-child {color:yellow; font-size:10px; font-family:arial}
.i {display:none;}
</style>

In addition if you are using the last line, to style the headline different, you want to place this in your headline:

<font class=H>YOUR HEADLINE TEXT</font>

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

How do I recreate age sex location in myspace
You can hide your profile image
You can resize your profile image
Hide text next to profile image
Change text next to profile image
put an image in my headline
replace name with image
hide information next to default picture
hide gender and age keep last login and location