mySpace blurbs about me meet

MySpace Blurb Section

The Blurbs Section contains the About Me and Meet Sections.

Some of the code on this page comes in a complete block, with any needed style tags. This code has a grey background.
Other code is NOT complete, but is instead a single line designed to be inserted into a style block. This code is shown with a yellow/beige background.

Before Using the code blocks, with the beige background, start with this style block:

<style type="text/css">
{!-STYLE blurbs-!}

</style>

You can now choose the commands you wish to use, and place them in the above block, to create your own blog table style block.

Explanation of Blurb Table Location and Structure
The table which contains the about me and meet sections is asssigned to class="blurbs"
This class exists on the standard page. It does not exist on the band page.

Please refer to the following myspace page to see how this table is structured.
This is a real myspace page, with style code added to show the parent relationships, laying, classes, and other attributes which can be used to manipulate this table.
Regular MySpace Page Showing Structure, Layout, Classes
The above page is best viewed in FireFox or Opera. IE does not recognize the border-spacing attribute, making it more difficult to see the layering. You can download FireFox using the link in my SideBar

Using the key to the left of the page, and looking at the blurb area we can determine the following:

Blurbs is a unique class used only for this table.
Text is a class used in multiple places on the page (but only one place within the blurbs).

The blurbs table is this deep:
table td table td.text table.blurbs

The red td is not needed here, and adds no value, as far as making the address string unique. There are multiple other ways to address the same space.

My favorite is this:
table.blurbs
Or this
table table table.blurbs
The first one tells me that it is a table in class blurbs
The 2nd one tells me the table is at least three tables deep (or has two parents which are tables).
If I consistently use the 2nd one, then I can look at my code and know that the table is exactly three tables deep. (I get lazy and take short cuts sometimes)

This also works:
.blurbs
I dislike the above for multiple reasons.
At least for now, there is nothing else assigned that class. But don't count on it staying this way. MySpace has extended the class use to the table rows and/or cells before.

If you are trying to address the blurbs to UNDO the effect of a command which was used to effect something else, but also effects the blurbs you may want to use an even more explicit address.
body table tr td table tr td.text table.blurbs

Here are some useful code blocks/lines effecting this area.
(Choose the ones you want and place them inside the style block found near the top of this post)

Remove Blurb Header and the Table Cell it is inside
This is the Red dashed area shown on the diagram.

{! remove blurbs header and cell it occupies !}
table.blurbs td.text {display:none}

If you only want to hide the header, and not remove the space it took up, replace {display:none} with {visibility:hidden;}

Remove the About Me AND To Meet Header
These have a class assigned, orangetext15. These headers are both in a span of class orangetext15. They are the only items in that class at this level
table.blurbs table td
Therefore this will eliminate them both:

{! remove about and meet headers !}
table.blurbs table td span.orangetext15 {display:none}

Remove ONLY the To Meet and keep the About Me
Put this at the END of your About Me

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

AND
Put this at the TOP of your "Who I'd Like To Meet"

</td></tr></table>

Remove ONLY the About Me and keep the Blurb header and the to Meet
This one is trickier, because we have to re-classify the Meet area to accomplish this.

Place this code at the BOTTOM of the about me section:

<style>
table.blurbs span.orangetext15 {display:none;}
table.blurbs td.text span.orangetext15{display:inline;}
table.meet span.orangetext15 {display:inline; }
table.meet {margin-top:-20px;}
</style>
</td></tr></table><table class="meet"><tr><td>

Remove the Blurbs header and the About Me Header, and keep the to Meet header.
Put this code at the END of the about me section:

<span class="off">!START Block to remove Blurbs and About Me Header, keeping Meet Header!</span>
<style>
table.blurbs span.orangetext15 {display:none;}
table.blurbs td.text {display:none;}
table.meet span.orangetext15 {display:inline; }
table.blurbs {margin-top:-30px;}

{!if you want to ditch the orange background border!}
table.blurbs {background-color:transparent;}
</style>

</td></tr></table><table class="meet"><tr><td>
<span class="off">!END Block to remove Blurbs and About Me Header, keeping Meet Header!</span>

Blurbs Change All Coloring
Unless you have added borders there should not be any.
The below example re-assigns all coloring, and adds borders. You can change border style, font family, font size, and colors to get the effect you want.
For borders you do not want, that I assigned, you can change to 0px.

The below is not a complete block, I did not include style tags. You need to place the code into an existing style block.

{!!STYLE BLURBS!!}
{!blurbs: remove all coloring!}
table.blurbs, table.blurbs td, table.blurbs table {background-color:transparent}
{!add border!}
table.blurbs {border:2px solid; border-color:hotpink}
{!add border to about and meet sections!}
table.blurbs td {border:2px solid; border-color:maroon}
{!add background color to blurbs!}
{!if you color the cells different this will act as a border!}
table.blurbs {background-color:darkblue}
{!color blurb cells!}
table.blurbs table td {background-color:lightblue}
{!use different color for header cell!}
table.blurbs td.text {background-color:pink}
{!change color and font of blurbs text!}
table.blurbs td.text span.orangetext15 {color:black; 
 font-family:comic sans ms; font-size:13px;}
{!change color and font of about and meet headers!}
table.blurbs td span.orangetext15 {color:maroon; 
 font-family:comic sans ms; font-size:11px;}
{!change color of text font in blurbs!}
table.blurbs td span.text {color:darkgreen; 
 font-family:comic sans ms; font-size:9px; font-weight:bold}

Thank you for Visiting; have a Nice Day

For more information You can visit the following:
about me on myspa how to style abot me section.
to meet on myspac how to style meet section.
about me myspace styling change orange to blue
about me
Hide blurbs
Resize Blurbs table myspace