for the search, my way to preload images! haha

Search for in

Input contact buttons

MySpace Website Tutorials | Submited Dec 6, 2007

Written by: Mr. Evil

A tutorial on having submit buttons instead of contact links

Notes:


Replace XXXXXXX with your friend id, if you don't it won't work.

if you want to put them over the contact table use the instructions at the end as a GUIDE, it'll involve a bit of work to get it how you like it.

I originally saw this on some pimpmyprofile site but if you clicked the button it just opened their site instead of actually going to the right place.

I gave each button a class name so you can add styles to them if you like.

individual buttons



Add button


<form method="get" action="http://collect.myspace.com/index.cfm" />
<input type="hidden" name="fuseaction" value="invite.addfriend_verify" />
<input type="hidden" name="friendID" value="XXXXXXX" />
<input class="addFreind" type="submit" value="Add Me" />
</form>


Mail button


<form method="get" action="http://messaging.myspace.com/index.cfm" />
<input type="hidden" name="fuseaction" value="mail.message" />
<input type="hidden" name="friendID" value="XXXXXXX" />
<input class="mailFriend" type="submit" value="Mail Me" />
</form>


Add to group button


<form method="get" action="http://groups.myspace.com/index.cfm" />
<input type="hidden" name="fuseaction" value="groups.addtogroup" />
<input type="hidden" name="friendID" value="XXXXXXX" />
<input class="groupFriend" type="submit" value="Group Me" />
</form>


Forward to friend button


<form method="get" action="http://messaging.myspace.com/index.cfm" />
<input type="hidden" name="fuseaction" value="mail.forward" />
<input type="hidden" name="friendID" value="XXXXXXX" />
<input class="forwardFriend" type="submit" value="Forward Me" />
</form>


add to favorites button


<form method="get" action="http://collect.myspace.com/index.cfm" />
<input type="hidden" name="fuseaction" value="user.addToFavorite" />
<input type="hidden" name="friendID" value="XXXXXXX" />
<input class="favoriteFriend" type="submit" value="Favorite me" />
</form>


Block button


<form method="get" action="http://collect.myspace.com/index.cfm" />
<input type="hidden" name="fuseaction" value="block.blockUser" />
<input type="hidden" name="friendID" value="XXXXXXX" />
<input class="blockFriend" type="submit" value="Block Me :(" />
</form>



Styles


.37182{add to friends button}
input.addFriend{background-color:000000; color:FF0000; border:1px solid; border-color:FF0000;}

.37182{message button}
input.mailFriend{background-color:000000; color:FF0000; border:1px solid; border-color:FF0000;}

.37182{add to group button}
input.groupFriend{background-color:000000; color:FF0000; border:1px solid; border-color:FF0000; margin-left:10px;}

.37182{block button}
input.blockFriend{background-color:000000; color:FF0000; border:1px solid; border-color:FF0000; }

.37182{forward button}
input.forwardFriend{background-color:000000; color:FF0000; border:1px solid; border-color:FF0000;}

.37182{favorite button}
input.favoriteFriend{background-color:000000; color:FF0000; border:1px solid; border-color:FF0000;}



To replace the contact table


This is the HTML part, we'll get to the positioning in a minute.
<table width="300" class="contact">

<tr class="buttonRow"><td class="button">
<form method="get" action="http://messaging.myspace.com/index.cfm" />
<input type="hidden" name="fuseaction" value="mail.message" />
<input type="hidden" name="friendID" value="XXXXXXX" />
<input class="mailFriend" type="submit" value="Mail Me" />
</form>
</td>

<td class="button">
<form method="get" action="http://messaging.myspace.com/index.cfm" />
<input type="hidden" name="fuseaction" value="mail.forward" />
<input type="hidden" name="friendID" value="XXXXXXX" />
<input class="forwardFriend" type="submit" value="Forward me" />
</form>
</td>

<tr class="buttonRow"><td class="button">
<form method="get" action="http://collect.myspace.com/index.cfm" />
<input type="hidden" name="fuseaction" value="invite.addfriend_verify" />
<input type="hidden" name="friendID" value="XXXXXXX" />
<input class="addFreind" type="submit" value="Add Me" />
</form>
</td>

<td class="button">
<form method="get" action="http://collect.myspace.com/index.cfm" />
<input type="hidden" name="fuseaction" value="user.addToFavorite" />
<input type="hidden" name="friendID" value="XXXXXXX" />
<input class="favoriteFriend" type="submit" value="Favorite me" />
</form>
</td></tr>

<tr class="buttonRow"><td class="button">
<form method="get" action="http://groups.myspace.com/index.cfm" />
<input type="hidden" name="fuseaction" value="groups.addtogroup" />
<input type="hidden" name="friendID" value="XXXXXXX" />
<input class="groupFriend" type="submit" value="Group Me" />
</form>
</td>

<td class="button">
<form method="get" action="http://collect.myspace.com/index.cfm" />
<input type="hidden" name="fuseaction" value="block.blockUser" />
<input type="hidden" name="friendID" value="XXXXXXX" />
<input class="blockFriend" type="submit" value="Block Me :(" />
</form>
</td></tr>

</table>


This goes inside your Style Tags.
adjust the top and margin-left numbers to position it.
.37182{this is the table section that each button is in}
td.button{width:50%; border:0; text-align:center;}

.37182{this is the whole table}
table.contact{background-color:transparent}

.37182{put the fake contact table over the real one}
table.contact{
text-align:center;
width:304px;
height:116px;
position:absolute;
left:50%;
background-color:FFFFFF;
top:402px;
margin-left:-374px;
z-index:9;
}

.37182{this is the table section that each button is in}
td.button{background-color:transparent; border:0; width:50%; text-align:center;}

tags Tags: input contact buttons

0Thumbs up  Thumbs down0

Related Tutorials
How to create contact tables
Input contact buttons
Skem9 contact button codes
Making an Extended Contact Table
Aqua Buttons
Vista-ish buttons in Gimp
Vista'esque Buttons
8 Comments
  Ukemi ~ 08/07/08, 5:23pm
Picture..
alright :3
  Mr. Evil ~ 08/04/08, 10:10pm
Picture..
Go look on the main tutorials page. ;)
  Ukemi ~ 08/04/08, 9:24pm
Picture..
awesome :)
tell me when the forms tutorial is done ok? ^^
  Ukemi ~ 08/01/08, 7:29pm
Picture..
awesome :)
thanks ^-^
  Mr. Evil ~ 08/01/08, 12:19am
Picture..
Good idea. I'll throw together a tutorial on forms sometime before the weekend is over.
  Ukemi ~ 08/01/08, 12:12am
Picture..
[boo]
...did i scare you? :3
cool tutorial
i understand how to use to codes, but i dont understand the codes in general..like..i dont know how to alter them if i want to.
you should make a tutorial on how to just make buttons lol
  Mr. Evil ~ 12/16/07, 10:39pm
Picture..
What specific problem would that be?
  xxxchainbmx ~ 12/16/07, 10:25pm
Picture..
If you would be so kind as to help me with my specific problem. So far, ALL of your instruction has been very helpful, but I'm afraid my skill is non-existant and I cannot do this. I appreciate the help.

1 


Sorry, you have to be a member to comment tutorials