adding custom content to bottom of myspace page

Adding Custom Content to the Bottom of your Myspace Page

This concept can be used to do any of the following:
- Put custom content (Table, Div, Object or other content) at the bottom of the right column
- Put custom content (Table, Div, Object or other Content) bottom center, just above the bottom links. You must also move your Friends and Comments Bottom Center, OR Hide your friends and comments, or this does not work well.
- Move the friends underneath the comments.
- Move the Video underneath the friends and Comments

The below code will place the custom section in the right column, under the comments.
I have the height, of the custom content space set to 300px. You can change this.
However you must change it in BOTH spots. The padding bottom for the outer Div must be the same as (OR MORE than) the height of the custom content Div.
If the values are the same, the top of your custom content div will be just below the Add Comment link.
You can remove or change the border.

This code goes at the BOTTOM of the Meet Section.

<span class="off">!-START block for custom content bottom Right-!</span>
</td></tr></table>
</td></tr></table>

<span class="off">Create Div to wrap the remainder of the right side in.  We will not close this Div.  It will automatically close when the containing table closes.
</span>
<div class="myDclassFC" style="position:relative; top:0px; padding-bottom:300px;">

<span class="off">!-Create Div to hold our custom content.  This div will be absolutely placed at the bottom of the containing div (the one we created above).-! 
</span>

<div class="myDclassBR" style="position:absolute; bottom:0px; right:0px; height:300px; width:450px; border:2px hotpink solid;">

YOUR CUSTOM CONTENT GOES HERE

</div>

<span class="off">!-Open same number of tables we closed -!
</span>
<table class="off"><tr><td>
<table><tr><td>

<span class="off">!-END Code for Custom Div Bottom Right-!</span>

Creating Custom Content Bottom Center (Just above the bottom links, and centered).

This requires that you either move the whole block (video, calendar, friends, comments) to the center, OR you remove the elements in this space you do not want moved to the center.
(There is a way to put just your custom content bottom center, leaving the rest to the right, but it distorts the profile layout, so I do not include the solution here.)

You can alter the width and height values. Insure you have enough padding at the bottom of the outer div to accommodate the size of the inner (custom content) div.

This code goes at the bottom of the Meet Section:

<span class="off">!-START block for custom content bottom Right-!</span>
</td></tr></table>
</td></tr></table>
</td></tr></table>
<table><tr><td>

<span class="off">Create Div to wrap the remainder of the right side in.  We will not close this Div.  It will automatically close when the containing table closes.
</span>
<div class="myDclassFC" style="position:relative; top:0px; width:450px; padding-bottom:300px;">

<span class="off">!-Create Div to hold our custom content.  This div will be absolutely placed at the bottom of the containing div (the one we created above).-! 
</span>

<div class="myDclassBR" style="position:absolute; bottom:0px; right:0px; height:300px; width:450px; border:2px hotpink solid;">

YOUR CUSTOM CONTENT GOES HERE

</div>

<span class="off">!-Open same number of tables we closed -!
</span>
<table class="off"><tr><td>
<table><tr><td>

<span class="off">!-END Code for Custom Div Bottom Right-!</span>

I used the above concept to create a link, below my Comments. I wanted to put this link in place of my bottom links.
Click Here to See Example of Above Code Applied

Band Page
The friendSpace needs to be moved to the center for this work.
This code goes at the end of the bio:

<i class=i>!-START Code for Custom Div Bottom Right-!
<a href="http://xiii.us/ms/bottom-custom">mySpace create custom content below Comments</a>
</i>
</td></tr></table>
</td></tr></table>
</td></tr></table>
<style>i.i {display:none;}</style>

<i class=i>Create Div to wrap content.  It will automatically close when the containing table closes.</i>

<div class="myDclassFC" style="position:relative; top:0px; width:600px; padding-bottom:300px;">
<i class=i>bottom px value above, needs to equal the height of your content div</i>

<table><tr><td>

<i class=i>!-Create Div to hold our custom content.  This div will be absolutely placed at the bottom of the containing div (the one we created above).-! 
</i>

<div class="myDclassBR" style="position:absolute; bottom:0px; right:0px; height:300px; width:600px; border:2px hotpink solid;">

YOUR CUSTOM CONTENT GOES HERE

</div>

<i class=i>!-Open same number of tables we closed -!</i>
<table class="off"><tr><td>
<table><tr><td>

<i class=off>!-END Code for Custom Div Bottom Right-!</i>

Thank you for Visiting; Have a Nice Day


How do I add an image to the bottom of my myspace page
You can add a div to the bottom of the page
If you want to learn how to add a div to the bottom of the myspace page.
This allows you to put an image or flash video or other content at the bottom of your myspace page.
You can create custom links below your comments, add images below your comments or even a flash video.
A rarely used customization is to add custom content to the bottom of the page below the comments.
add extra space at bottom of profile