Adding the bottom links to an overlay

MySpace Website Tutorials | Submited Feb 15, 2008

Written by: Mr. Evil [BOFH]

Notes

.codes {like: this;} go inside <Style Tags>.
And that's all.

CSS

[Style Tags]
One line. And a short one.
All it does is set the DIV we're about to add to be taller than the profile, all you need to do is adjust the height number:

.moveLinks{height:11000px;}

HTML

Very simple: it's an empty DIV, but as mentioned a second ago, it's tall, and pushes down the bottom links.

<div class="moveLinks"></div>

Something else

This is so the number doesn't have to be something crazy like 90000px, instead of using a code that moves the default Myspace layout around to hide it, you could use this, it uses display:none; to eliminate unused tables, leaving the blurbs section for you to put your codes.

.profileInfo, .extendedNetwork,
.userprofileURL, .latestBlogEntry,
.contactTable, .interestsAndDetails,
.userProfileDetail, embed,
.blurbs .orangetext15{display:none}

table, tr, td{background-color:transparent; border:0;}

Also, it's much easier to maintain if you put your comments in a scrollbox, and if you don't want a scroll bar just change overflow:auto; to overflow:hidden; and set the height to a few thousand pixels.