MySpace Custom Menu Buttons

Create Custom Menu or Buttons for MySpace

First you need to know how to create the links, then you can choose to put them into a menu or button if desired.

My example links each have 2 classes, one unique to that link and one shared by all links. I like to do this so that when I go to add style, I can style all links with some shared style, and/or set individual style for a specific link.
These classes are harmless if not used.

In each of the below examples I use Tom's friend ID (6221) If you use this code you will want to replace Tom's friend ID with your own.

Add Me

<a class="myAdd myNav" href=
"http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=6221">
Add Me</a>

View/Add Comments

<a class="myAddComment myNav"  href=
"http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=6221">
View/Add Comments</a>

View Friends

<a class="myViewFriends myNav"  href=
"http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=6221">
View Friends</a>

SEND MESSAGE

<a class="myMessage myNav"  href=
"http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=6221">
Send Me A Message</a>

BLOCK

<a class="myBlock myNav" href=
"http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=6221">
Block Me</a>

Now I will alter a link, and turn it into an image
To do this, I replace the link text with the image.
Block Link as a Button (image)

<a class="myBlock myNav" href=
"http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=6221">
<img src="http://i24.tinypic.com/35ndmx3.gif"></a>

Link Placement
You have several choices for link placement.

absolute placement
IF I am inside a parent container, that itself has been placed using absolute or relative, I can measure from top left.
This will place the block buttom 20px from the top and 30px from the left relative to its parent container.

<style>
{! place block buttom !}
a.myBlock {position:absolute; top:20px; left:30px;}
</style>

If you are placing relative to the body (Full Page), you may want to measure from center top. This will give you the best positioning relative to the rest of the page content.

<style>
{! place block buttom !}
a.myBlock {position:absolute; top:200px; left:50%; margin-left-100px;}
</style>

For an example that uses the text links, and puts them all into a top menu, go here:
Putting Links into a Menu Bar