Custom Popup Navigation

Author's Comments

Look carefully for specific instructions

First of all, this is completely my own coding. I started from scratch and spent several hours working on this script. Please do not remove the credit.

This script looks best when viewed in Firefox. IT HAS NOT BEEN TESTED AND PROBABLY DOES NOT WORK FOR MYSPACE 2.0

BE SURE TO REPLACE "XXXXXXXX" WITH YOUR FRIEND ID AND "LINKHERE" WITH THE URL OF YOUR LINKS.

It's basically a navigation that pops up when you hover over it. I simply found images on the Internet; you can replace the images with whatever pictures you like, but make sure that they are no bigger than 20x20px.

Included are links for HOME, ADD, MESSAGE, COMMENT, PICTURES, and other links.

To change the position of this navigation, look for

.elletricity { position:absolute;left:50%;top:174px;margin-left:400px;background-color:transparent!important;height:0px; }

and change the px for the TOP and MARGIN-LEFT.

Script Code

Copy and paste to About Me

Help

<div class="elletricity">
<div class="hme x"><a href="index.cfm?fuseaction=user" target="_blank"></a></div>
<div class="add x"><a href="index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" target="_blank"></a></div>
<div class="msg x"><a href="index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" target="_blank"></a></div>
<div class="cmt x"><a href="index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" target="_blank"></a></div>
<div class="pic x"><a href="index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" target="_blank"></a></div>
<div class="fds x"><a href="index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" target="_blank"></a></div>
<div class="cdt x"><a href="http://elletricity.createblog.com" target="_blank">click<br />here</a></div>
<div class="lnk x"><a href="LINKHERE" target="_blank">link<br />here</a></div>
<div class="lnk x"><a href="LINKHERE" target="_blank">link<br />here</a></div>
<div class="lnk x"><a href="LINKHERE" target="_blank">link<br />here</a></div>
<div class="lnk x"><a href="LINKHERE" target="_blank">link<br />here</a></div>
<div class="lnk x"><a href="LINKHERE" target="_blank">link<br />here</a></div>
</div>

Script Code

Copy and paste to I'd Like to Meet

Help

.hme a:hover { background-image:url('http://i439.photobucket.com/albums/qq115/elletricity/homeicon.gif')!important; }

.add a:hover { background-image:url('http://i439.photobucket.com/albums/qq115/elletricity/addicon.gif')!important; }

.msg a:hover { background-image:url('http://i439.photobucket.com/albums/qq115/elletricity/messageicon.gif')!important; }

.cmt a:hover { background-image:url('http://i439.photobucket.com/albums/qq115/elletricity/commenticon.gif')!important; }

.pic a:hover { background-image:url('http://i439.photobucket.com/albums/qq115/elletricity/photosicon.gif')!important; }

.fds a:hover { background-image:url('http://i439.photobucket.com/albums/qq115/elletricity/friendsicon.gif')!important; }

.cdt a, .lnk a { font-family:arial!important;color:767676;important;font-size:0px!important; }
.cdt a:hover, .lnk a:hover { font-size:8px!important; }

</style>