Replace section headers

MySpace Website Tutorials | Submited Jan 5, 2008

Written by:

Notes

When I get more time and patience, I'll update this to include the left column, in the mean time you can read John's tutorial for that.
1 part goes inside Style Tags, the other part doesn't, so read.
Adjust the numbers as you see fit, the one's I used are pretty standard, but everyone's profile is different as far as size goes.
This is a bit long, use CTRL F to find a certain section.

Recent Blog entry

no style tags

<div class="blogText">
<span class="btext">nU-blogs</span>
</div>

Style Tags

.37182{move the new text up}
.blogText{position:relative; top:-252px; left:-252px; float:right;}

.37182{hide the old text}
.latestBlogEntry .btext{visibility:hidden}

XXX's Blurbs

This replaces the blurbs text, there's three parts, all are optional so pay attention.

Brandon's Blurbs: My Blurbs, yo
This goes in the TOP of your about me section.
non-style tags part:

<div class="blurbText">
<span class="orangetext15">My Blurbs, yo</span>
</div>

Style Tags part:

.37182{position the new text}
.blurbText{position:relative; top:-36px; left:4px;}

.37182{hide the original text}
.blurbs td.text .orangetext15{visibility:hidden;}

About Me:

Like last time, TOP of your about me section.
change FFF to whatever you want the background color to be.

no style tags:

<div class="aboutText">
<span class="orangetext15">I am spartacus</span>
</div>

Style Tags part:

.37182{move the new text up}
.aboutText{position:relative; top:-13px;}

.37182{I have to this because Ive yet to find a better way.}
.aboutText .orangetext15{background-color:fff;}

Who I'd like to meet

this goes in the TOP of your WHO I'D LIKE TO MEET SECTION
no style tags:

<div class="meetText">
<span class="orangetext15">I don't want to meet</span>
</div>

Style Tags part

.37182{move the new text up}
.meetText{position:relative; top:-13px;}

.37182{I have to this because Ive yet to find a better way.}
.meetText .orangetext15{background-color:fff;}

XXX's friend space

Put this in the BOTTOM of your who I'd like to meet section.
no style tags:

<div class="friendText2">
<span class="orangetext15">Friends:</span>
</div>

Style Tags

.37182{move the new text down}
.friendText2{position:relative; top:37px; left:1px;}

.37182{hide the old text}
.friendSpace .orangetext15{visibility:hidden}

Number of friends

Like last time, bottom of your meet section:
no style tags:

<div class="countText">
<span class="btext">I have
<span class="redbtext">37182</span>
friends
</span>
</div>

Style Tags

.37182{move the new text down}
.countText{position:relative; top:62px; left:-7px;}

.37182{hide the old text}
.friendSpace .btext{visibility:hidden}

XXX's Friends Comments

You WILL have to adjust the top:XXpx; number, unless you have a top 4. Yeah right.
This goes in the bottom of your who I'd like to meet, for best results.
no style tags:

<div class="commentText">
<span class="orangetext15">Comments:</span>
</div>

Style Tags

.37182{move the new text down}
.commentText{position:relative; top:289px; left:-7px;}

.37182{hide the old text}
.friendsComments .orangetext15{visibility:hidden}

Displaying 50 of 43 comments

change background-color:fff; to whatever you like. Trying anything else is more trouble than it's worth.
no style tags:

<div class="commentCountText">
<b>Displaying
<span class="redtext"> 2 </span>of
<span class="redtext"> 2 </span>
comments
</div>

Style Tags

.37182{move the new text down}
.commentCountText{position:relative; top:311px; left:-3.5px; background-color:fff; width:190px;}