Myspace Navigation Buttons

NOTE: You will need to replace "PUTFRIENDIDHERE" with your own FRIEND ID in order to make these buttons work.

<br><fieldset class="hl1"><legend>Navigation</legend>
<div class="hotlytsnav">

<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="navhotlyts">Home</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=PUTFRIENDIDHERE" class="navhotlyts">Add</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=PUTFRIENDIDHERE" class="navhotlyts">Msg</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=PUTFRIENDIDHERE" class="navhotlyts">Block</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=PUTFRIENDIDHERE" class="navhotlyts">Pics</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=PUTFRIENDIDHERE" class="navhotlyts">Comment</a>
<a href="http://www.hot-lyts.com" class="navhotlyts">hot-lyts</a>
</div>

</fieldset>
<style>a.navhotlyts:active, a.navhotlyts:visited, a.navhotlyts:link {color:fff;font-family:arial !important; font-weight:bold; font-style:normal;border-top-width:0px;font-weight:normal; font-size:16px; border:1px solid 000;letter-spacing:-2px;padding:3px;text-transform:uppercase;background-color:000;text-align:center;} 
a.navhotlyts:hover { background-color:transparent;color:fff;text-decoration:none; }
 .hotlytsnav{padding:2px;width:100%;text-align:center;height:27px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-color:ff6699;border-style:solid;}
fieldset.hl1 {background-color:ff6699;padding:1px;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-color:000;border-style:solid;text-align:center;}
fieldset.hl1 legend {background-color:000;color:fff;font-size:11px;font-family:times new roman;letter-spacing:0px;text-transform:uppercase;text-align:center;line-height:10px;padding:1px;}
* html fieldset{position: relative;}
* html legend{position:absolute;top: -.5em;left: .5em;}
* html fieldset{position: relative;margin-top:1em;padding-top:.75em;}</style>
<div style="position:absolute;left:0px;top:0px;z-index:9;background-color:transparent !important;">
<a href="http://www.hot-lyts.com/"><img src="http://i41.photobucket.com/albums/e262/hotlayoutchx/linkbacks/hotlyts.gif" border="0" alt="Free myspace layouts & more"></a></div>

<br><fieldset class="hl2"><legend>Navigation</legend>
<div class="hotlytsnav">

</fieldset>
<style>a.navhotlyts:active, a.navhotlyts:visited, a.navhotlyts:link {color:fff;font-family:arial !important; font-weight:bold; font-style:normal;border-top-width:0px;font-weight:normal; font-size:16px; border:1px solid 000;letter-spacing:-2px;padding:3px;text-transform:uppercase;background-color:000;text-align:center;} 
a.navhotlyts:hover { background-color:transparent;color:fff;text-decoration:none; }
 .hotlytsnav{padding:2px;width:100%;text-align:center;height:27px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-color:ff6699;border-style:solid;}
fieldset.hl2 {background-color:81c40d;padding:1px;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-color:000;border-style:solid;text-align:center;}
fieldset.hl2 legend {background-color:000;color:fff;font-size:11px;font-family:times new roman;letter-spacing:0px;text-transform:uppercase;text-align:center;line-height:10px;padding:1px;}
* html fieldset{position: relative;}
* html legend{position:absolute;top: -.5em;left: .5em;}
* html fieldset{position: relative;margin-top:1em;padding-top:.75em;}</style>
<div style="position:absolute;left:0px;top:0px;z-index:9;background-color:transparent !important;">
<a href="http://www.hot-lyts.com/"><img src="http://i41.photobucket.com/albums/e262/hotlayoutchx/linkbacks/hotlyts.gif" border="0" alt="Free myspace layouts & more"></a></div>

<br><fieldset class="hl3"><legend>Navigation</legend>
<div class="hotlytsnav">

</fieldset>
<style>a.navhotlyts:active, a.navhotlyts:visited, a.navhotlyts:link {color:fff;font-family:arial !important; font-weight:bold; font-style:normal;border-top-width:0px;font-weight:normal; font-size:16px; border:1px solid 000;letter-spacing:-2px;padding:3px;text-transform:uppercase;background-color:000;text-align:center;} 
a.navhotlyts:hover { background-color:transparent;color:fff;text-decoration:none; }
 .hotlytsnav{padding:2px;width:100%;text-align:center;height:27px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-color:ff6699;border-style:solid;}
fieldset.hl3 {background-color:eb470e;padding:1px;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-color:000;border-style:solid;text-align:center;}
fieldset.hl3 legend {background-color:000;color:fff;font-size:11px;font-family:times new roman;letter-spacing:0px;text-transform:uppercase;text-align:center;line-height:10px;padding:1px;}
* html fieldset{position: relative;}
* html legend{position:absolute;top: -.5em;left: .5em;}
* html fieldset{position: relative;margin-top:1em;padding-top:.75em;}</style>
<div style="position:absolute;left:0px;top:0px;z-index:9;background-color:transparent !important;">
<a href="http://www.hot-lyts.com/"><img src="http://i41.photobucket.com/albums/e262/hotlayoutchx/linkbacks/hotlyts.gif" border="0" alt="Free myspace layouts & more"></a></div>

<br><fieldset class="hl4"><legend>Navigation</legend>
<div class="hotlytsnav">

</fieldset>
<style>a.navhotlyts:active, a.navhotlyts:visited, a.navhotlyts:link {color:fff;font-family:arial !important; font-weight:bold; font-style:normal;border-top-width:0px;font-weight:normal; font-size:16px; border:1px solid 000;letter-spacing:-2px;padding:3px;text-transform:uppercase;background-color:000;text-align:center;} 
a.navhotlyts:hover { background-color:transparent;color:fff;text-decoration:none; }
 .hotlytsnav{padding:2px;width:100%;text-align:center;height:27px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-color:ff6699;border-style:solid;}
fieldset.hl4 {background-color:0692db;padding:1px;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-color:000;border-style:solid;text-align:center;}
fieldset.hl4 legend {background-color:000;color:fff;font-size:11px;font-family:times new roman;letter-spacing:0px;text-transform:uppercase;text-align:center;line-height:10px;padding:1px;}
* html fieldset{position: relative;}
* html legend{position:absolute;top: -.5em;left: .5em;}
* html fieldset{position: relative;margin-top:1em;padding-top:.75em;}</style>
<div style="position:absolute;left:0px;top:0px;z-index:9;background-color:transparent !important;">
<a href="http://www.hot-lyts.com/"><img src="http://i41.photobucket.com/albums/e262/hotlayoutchx/linkbacks/hotlyts.gif" border="0" alt="Free myspace layouts & more"></a></div>

<br><fieldset class="hl5"><legend>Navigation</legend>
<div class="hotlytsnav">

</fieldset>
<style>a.navhotlyts:active, a.navhotlyts:visited, a.navhotlyts:link {color:fff;font-family:arial !important; font-weight:bold; font-style:normal;border-top-width:0px;font-weight:normal; font-size:16px; border:1px solid 000;letter-spacing:-2px;padding:3px;text-transform:uppercase;background-color:000;text-align:center;} 
a.navhotlyts:hover { background-color:transparent;color:fff;text-decoration:none; }
 .hotlytsnav{padding:2px;width:100%;text-align:center;height:27px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-color:ff6699;border-style:solid;}
fieldset.hl5 {background-color:1da67e;padding:1px;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-color:000;border-style:solid;text-align:center;}
fieldset.hl5 legend {background-color:000;color:fff;font-size:11px;font-family:times new roman;letter-spacing:0px;text-transform:uppercase;text-align:center;line-height:10px;padding:1px;}
* html fieldset{position: relative;}
* html legend{position:absolute;top: -.5em;left: .5em;}
* html fieldset{position: relative;margin-top:1em;padding-top:.75em;}</style>
<div style="position:absolute;left:0px;top:0px;z-index:9;background-color:transparent !important;">
<a href="http://www.hot-lyts.com/"><img src="http://i41.photobucket.com/albums/e262/hotlayoutchx/linkbacks/hotlyts.gif" border="0" alt="Free myspace layouts & more"></a></div>

<br><fieldset class="hl6"><legend>Navigation</legend>
<div class="hotlytsnav">

</fieldset>
<style>a.navhotlyts:active, a.navhotlyts:visited, a.navhotlyts:link {color:fff;font-family:arial !important; font-weight:bold; font-style:normal;border-top-width:0px;font-weight:normal; font-size:16px; border:1px solid 000;letter-spacing:-2px;padding:3px;text-transform:uppercase;background-color:000;text-align:center;} 
a.navhotlyts:hover { background-color:transparent;color:fff;text-decoration:none; }
 .hotlytsnav{padding:2px;width:100%;text-align:center;height:27px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-color:ff6699;border-style:solid;}
fieldset.hl6 {background-color:6f513f;padding:1px;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-color:000;border-style:solid;text-align:center;}
fieldset.hl6 legend {background-color:000;color:fff;font-size:11px;font-family:times new roman;letter-spacing:0px;text-transform:uppercase;text-align:center;line-height:10px;padding:1px;}
* html fieldset{position: relative;}
* html legend{position:absolute;top: -.5em;left: .5em;}
* html fieldset{position: relative;margin-top:1em;padding-top:.75em;}</style>
<div style="position:absolute;left:0px;top:0px;z-index:9;background-color:transparent !important;">
<a href="http://www.hot-lyts.com/"><img src="http://i41.photobucket.com/albums/e262/hotlayoutchx/linkbacks/hotlyts.gif" border="0" alt="Free myspace layouts & more"></a></div>

<br><fieldset class="hl7"><legend>Navigation</legend>
<div class="hotlytsnav">

</fieldset>
<style>a.navhotlyts:active, a.navhotlyts:visited, a.navhotlyts:link {color:fff;font-family:arial !important; font-weight:bold; font-style:normal;border-top-width:0px;font-weight:normal; font-size:16px; border:1px solid 000;letter-spacing:-2px;padding:3px;text-transform:uppercase;background-color:000;text-align:center;} 
a.navhotlyts:hover { background-color:transparent;color:fff;text-decoration:none; }
 .hotlytsnav{padding:2px;width:100%;text-align:center;height:27px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-color:ff6699;border-style:solid;}
fieldset.hl7 {background-color:2e4883;padding:1px;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-color:000;border-style:solid;text-align:center;}
fieldset.hl7 legend {background-color:000;color:fff;font-size:11px;font-family:times new roman;letter-spacing:0px;text-transform:uppercase;text-align:center;line-height:10px;padding:1px;}
* html fieldset{position: relative;}
* html legend{position:absolute;top: -.5em;left: .5em;}
* html fieldset{position: relative;margin-top:1em;padding-top:.75em;}</style>
<div style="position:absolute;left:0px;top:0px;z-index:9;background-color:transparent !important;">
<a href="http://www.hot-lyts.com/"><img src="http://i41.photobucket.com/albums/e262/hotlayoutchx/linkbacks/hotlyts.gif" border="0" alt="Free myspace layouts & more"></a></div>

<br><fieldset class="hl8"><legend>Navigation</legend>
<div class="hotlytsnav">

</fieldset>
<style>a.navhotlyts:active, a.navhotlyts:visited, a.navhotlyts:link {color:fff;font-family:arial !important; font-weight:bold; font-style:normal;border-top-width:0px;font-weight:normal; font-size:16px; border:1px solid 000;letter-spacing:-2px;padding:3px;text-transform:uppercase;background-color:000;text-align:center;} 
a.navhotlyts:hover { background-color:transparent;color:fff;text-decoration:none; }
 .hotlytsnav{padding:2px;width:100%;text-align:center;height:27px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-color:ff6699;border-style:solid;}
fieldset.hl8 {background-color:1fc1c3;padding:1px;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-color:000;border-style:solid;text-align:center;}
fieldset.hl8 legend {background-color:000;color:fff;font-size:11px;font-family:times new roman;letter-spacing:0px;text-transform:uppercase;text-align:center;line-height:10px;padding:1px;}
* html fieldset{position: relative;}
* html legend{position:absolute;top: -.5em;left: .5em;}
* html fieldset{position: relative;margin-top:1em;padding-top:.75em;}</style>
<div style="position:absolute;left:0px;top:0px;z-index:9;background-color:transparent !important;">
<a href="http://www.hot-lyts.com/"><img src="http://i41.photobucket.com/albums/e262/hotlayoutchx/linkbacks/hotlyts.gif" border="0" alt="Free myspace layouts & more"></a></div>

<br><fieldset class="hl9"><legend>Navigation</legend>
<div class="hotlytsnav">

</fieldset>
<style>a.navhotlyts:active, a.navhotlyts:visited, a.navhotlyts:link {color:fff;font-family:arial !important; font-weight:bold; font-style:normal;border-top-width:0px;font-weight:normal; font-size:16px; border:1px solid 000;letter-spacing:-2px;padding:3px;text-transform:uppercase;background-color:000;text-align:center;} 
a.navhotlyts:hover { background-color:transparent;color:fff;text-decoration:none; }
 .hotlytsnav{padding:2px;width:100%;text-align:center;height:27px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-color:ff6699;border-style:solid;}
fieldset.hl9 {background-color:dadc12;padding:1px;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-color:000;border-style:solid;text-align:center;}
fieldset.hl9 legend {background-color:000;color:fff;font-size:11px;font-family:times new roman;letter-spacing:0px;text-transform:uppercase;text-align:center;line-height:10px;padding:1px;}
* html fieldset{position: relative;}
* html legend{position:absolute;top: -.5em;left: .5em;}
* html fieldset{position: relative;margin-top:1em;padding-top:.75em;}</style>
<div style="position:absolute;left:0px;top:0px;z-index:9;background-color:transparent !important;">
<a href="http://www.hot-lyts.com/"><img src="http://i41.photobucket.com/albums/e262/hotlayoutchx/linkbacks/hotlyts.gif" border="0" alt="Free myspace layouts & more"></a></div>

<br><fieldset class="hl10"><legend>Navigation</legend>
<div class="hotlytsnav">

</fieldset>
<style>a.navhotlyts:active, a.navhotlyts:visited, a.navhotlyts:link {color:fff;font-family:arial !important; font-weight:bold; font-style:normal;border-top-width:0px;font-weight:normal; font-size:16px; border:1px solid 000;letter-spacing:-2px;padding:3px;text-transform:uppercase;background-color:000;text-align:center;} 
a.navhotlyts:hover { background-color:transparent;color:fff;text-decoration:none; }
 .hotlytsnav{padding:2px;width:100%;text-align:center;height:27px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-color:ff6699;border-style:solid;}
fieldset.hl10 {background-color:a41e1e;padding:1px;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-color:000;border-style:solid;text-align:center;}
fieldset.hl10 legend {background-color:000;color:fff;font-size:11px;font-family:times new roman;letter-spacing:0px;text-transform:uppercase;text-align:center;line-height:10px;padding:1px;}
* html fieldset{position: relative;}
* html legend{position:absolute;top: -.5em;left: .5em;}
* html fieldset{position: relative;margin-top:1em;padding-top:.75em;}</style>
<div style="position:absolute;left:0px;top:0px;z-index:9;background-color:transparent !important;">
<a href="http://www.hot-lyts.com/"><img src="http://i41.photobucket.com/albums/e262/hotlayoutchx/linkbacks/hotlyts.gif" border="0" alt="Free myspace layouts & more"></a></div>

Browse

Most popular myspace layouts

Graphic categories

Surveys

More fun!

sponsors

Myspace Navigation Buttons