nickf
10-12-2006, 08:01 AM
Hello,
I am writing re a problem I'm having on the mypace site for my band.
I am wanting to use our own custom contact box
(as per: http://theinstamatics.com/myspace_contact3.html -- you'll need to scroll a little bit as that's where the box would sit on the myspace site)
This works fine on my web server - but seems to load and then break (or just break) on our myspace site: http://www.myspace.com/theinstamaticsrock
CSS and Code shown below.
Any ideas? I'd love to hear from someone in the know
I have also tried the myspace with image maps as per http://theinstamatics.com/myspace_contact4.html and with div style as per http://theinstamatics.com/myspace_contact5.html but to no avail.
Customising Myspace makes web design look easy!!
The CSS is:
<style type="text/css">
.conTbl {top: 1000px; left: 254px; width:300px!important; height:150px!important; padding:0px!important; border-color:rgb(51,51,51); border-style:solid; border-width:1px; position: absolute; z-index: 5; z-index: 10; background-image:url(http://theinstamatics.com/images/xmyspace/myspace_contact4.gif); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;}
.conTblAdd { top: 4px; left: 0px; width: 56px; height: 32px; margin: 0; padding: 0; display: block; position: relative; z-index: 10; }
.conTblMail {top: 2px; left: 70px; width: 70px; height: 37px; margin: 0; padding: 0; display: block; position: absolute; z-index: 10;}
.conTblChat {top: 3px; left: 150px; width: 70px; height: 37px; margin: 0; padding: 0; display: block; position: absolute; z-index: 10;}
.conTblFav {top: 2px; right: 2px; width: 56px; height: 34px; margin: 0; padding: 0; display: block; position: absolute; z-index: 10;}
.conTblFwd {bottom: 1px; left: 1px; width: 52px; height: 34px; margin: 0; padding: 0; display: block; position: absolute; z-index: 10;}
.conTblGroup {bottom: 2px; left: 62px; width: 86px; height: 34px; margin: 0; padding: 0; display: block; position: absolute; z-index: 10;}
.conTblRank {bottom: 0px; left: 157px; width: 73px; height: 38px; margin: 0; padding: 0; display: block; position: absolute; z-index: 10;}
.conTblBlock {bottom: 1px; right: 1px; width: 63px; height: 35px; margin: 0; padding: 0; display: block; position: absolute; z-index: 10;}
.ctO { border: none; }
a.ctO img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
a.ctO:hover img { filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
</style>
The HTML is:
<div class="conTbl">
<div class="conTblAdd"><a class="ctO" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=111640405"><img src="http://theinstamatics.com/images/xmyspace/myspace_contact_add.gif" border="0" /></a></div>
<div class="conTblMail"><a class="ctO" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=111640405"><img src="http://theinstamatics.com/images/xmyspace/myspace_contact_mail.gif" border="0" /></a></div>
<div class="conTblChat"><a class="ctO" href="javascript: void(0);" id="ctl00_Main_ctl00_UserContactLinks1_MessageFriendLi nk" onclick="javascript: up_launchIC( '0', '111640405', '', 0 ); return false;"><img src="http://theinstamatics.com/images/xmyspace/myspace_contact_chat.gif" border="0" /></a></div>
<div class="conTblFav"><a class="ctO" href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=111640405&public=0" id="ctl00_Main_ctl00_UserContactLinks1_AddFavoriteLink"><img src="http://theinstamatics.com/images/xmyspace/myspace_contact_fav.gif" border="0" /></a></div>
<div class="conTblFwd"><a class="ctO" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.forward&friendID=111640405&f=forwardprofile" id="ctl00_Main_ctl00_UserContactLinks1_ForwardLink"><img src="http://theinstamatics.com/images/xmyspace/myspace_contact_fwd.gif" border="0" /></a></div>
<div class="conTblGroup"><a class="ctO" href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=111640405" id="ctl00_Main_ctl00_UserContactLinks1_AddToGroupLink"><img src="http://theinstamatics.com/images/xmyspace/myspace_contact_group.gif" border="0" /></a></div>
<div class="conTblRank"><a class="ctO" href="http://collect.myspace.com/index.cfm?fuseaction=RateImage.UserRating&UserID=111640405" id="ctl00_Main_ctl00_UserContactLinks1_RateFriendLink"><img src="http://theinstamatics.com/images/xmyspace/myspace_contact_rank.gif" border="0" /></a></div>
<div class="conTblBlock"><a class="ctO" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=111640405"><img src="http://theinstamatics.com/images/xmyspace/myspace_contact_block.gif" border="0" /></a></div>
</div>
Thanks and regards,
Nick
I am writing re a problem I'm having on the mypace site for my band.
I am wanting to use our own custom contact box
(as per: http://theinstamatics.com/myspace_contact3.html -- you'll need to scroll a little bit as that's where the box would sit on the myspace site)
This works fine on my web server - but seems to load and then break (or just break) on our myspace site: http://www.myspace.com/theinstamaticsrock
CSS and Code shown below.
Any ideas? I'd love to hear from someone in the know
I have also tried the myspace with image maps as per http://theinstamatics.com/myspace_contact4.html and with div style as per http://theinstamatics.com/myspace_contact5.html but to no avail.
Customising Myspace makes web design look easy!!
The CSS is:
<style type="text/css">
.conTbl {top: 1000px; left: 254px; width:300px!important; height:150px!important; padding:0px!important; border-color:rgb(51,51,51); border-style:solid; border-width:1px; position: absolute; z-index: 5; z-index: 10; background-image:url(http://theinstamatics.com/images/xmyspace/myspace_contact4.gif); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;}
.conTblAdd { top: 4px; left: 0px; width: 56px; height: 32px; margin: 0; padding: 0; display: block; position: relative; z-index: 10; }
.conTblMail {top: 2px; left: 70px; width: 70px; height: 37px; margin: 0; padding: 0; display: block; position: absolute; z-index: 10;}
.conTblChat {top: 3px; left: 150px; width: 70px; height: 37px; margin: 0; padding: 0; display: block; position: absolute; z-index: 10;}
.conTblFav {top: 2px; right: 2px; width: 56px; height: 34px; margin: 0; padding: 0; display: block; position: absolute; z-index: 10;}
.conTblFwd {bottom: 1px; left: 1px; width: 52px; height: 34px; margin: 0; padding: 0; display: block; position: absolute; z-index: 10;}
.conTblGroup {bottom: 2px; left: 62px; width: 86px; height: 34px; margin: 0; padding: 0; display: block; position: absolute; z-index: 10;}
.conTblRank {bottom: 0px; left: 157px; width: 73px; height: 38px; margin: 0; padding: 0; display: block; position: absolute; z-index: 10;}
.conTblBlock {bottom: 1px; right: 1px; width: 63px; height: 35px; margin: 0; padding: 0; display: block; position: absolute; z-index: 10;}
.ctO { border: none; }
a.ctO img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
a.ctO:hover img { filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
</style>
The HTML is:
<div class="conTbl">
<div class="conTblAdd"><a class="ctO" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=111640405"><img src="http://theinstamatics.com/images/xmyspace/myspace_contact_add.gif" border="0" /></a></div>
<div class="conTblMail"><a class="ctO" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=111640405"><img src="http://theinstamatics.com/images/xmyspace/myspace_contact_mail.gif" border="0" /></a></div>
<div class="conTblChat"><a class="ctO" href="javascript: void(0);" id="ctl00_Main_ctl00_UserContactLinks1_MessageFriendLi nk" onclick="javascript: up_launchIC( '0', '111640405', '', 0 ); return false;"><img src="http://theinstamatics.com/images/xmyspace/myspace_contact_chat.gif" border="0" /></a></div>
<div class="conTblFav"><a class="ctO" href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=111640405&public=0" id="ctl00_Main_ctl00_UserContactLinks1_AddFavoriteLink"><img src="http://theinstamatics.com/images/xmyspace/myspace_contact_fav.gif" border="0" /></a></div>
<div class="conTblFwd"><a class="ctO" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.forward&friendID=111640405&f=forwardprofile" id="ctl00_Main_ctl00_UserContactLinks1_ForwardLink"><img src="http://theinstamatics.com/images/xmyspace/myspace_contact_fwd.gif" border="0" /></a></div>
<div class="conTblGroup"><a class="ctO" href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=111640405" id="ctl00_Main_ctl00_UserContactLinks1_AddToGroupLink"><img src="http://theinstamatics.com/images/xmyspace/myspace_contact_group.gif" border="0" /></a></div>
<div class="conTblRank"><a class="ctO" href="http://collect.myspace.com/index.cfm?fuseaction=RateImage.UserRating&UserID=111640405" id="ctl00_Main_ctl00_UserContactLinks1_RateFriendLink"><img src="http://theinstamatics.com/images/xmyspace/myspace_contact_rank.gif" border="0" /></a></div>
<div class="conTblBlock"><a class="ctO" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=111640405"><img src="http://theinstamatics.com/images/xmyspace/myspace_contact_block.gif" border="0" /></a></div>
</div>
Thanks and regards,
Nick