Music player in Extended Netowrk box Options

[intrik]

I was wondering if anyone knows if there's any way I can put a music player (from myflashfetish.com) in my Extended Network box and also keep the image I put in their. If this is possible some help pulling it off would be greatly appreciated!

Here's the code for my page:

CODE

<style type=text/css>
body {
background-color: FEF2DD;
background-image: url("http://img186.imageshack.us/img186/3047/orangezr1.jpg");
background-repeat: repeat;
background-attachment: fixed;
scrollbar-arrow-color:FEF2DD;
scrollbar-track-color: FEF2DD;
scrollbar-shadow-color: FC6A00;
scrollbar-face-color:FC6A00;
scrollbar-highlight-color:FC6A00;
scrollbar-darkshadow-color:FC6A00;
scrollbar-3dlight-color:FC6A00;}
table, td {background-color:transparent; border:none; border-width:0;}
table table table {border: 1px solid; border-color:000000; padding:0; background-color:9C9E9C;}
table tbody td table tbody tr td.text table {background-color:4C4A4C;}
table table{border:0px;}
table table table table{border:0px;}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:000000; font-weight:none; border:0px; text-transform: lowercase; line-height:12px;}
.text {font:normal 9px arial; color:000000; font-weight:none; border:0px; text-transform: lowercase; }
.redtext{font-family:arial; font-size:21px; color:fc6a00; font-weight:none;border:0px; text-transform: uppercase; letter-spacing:-2px; }
.redbtext{font-family:arial; font-size:21px; color:fc6a00; font-weight:none;border:0px; text-transform: uppercase; letter-spacing:-2px; }
.orangetext15{font-family: arial; color: 4c4a4c; font-weight:none; font-size: 9px; letter-spacing: -2px;}
.lightbluetext8{font-family:arial; font-size:19px; color:9c9e9c; font-weight:none;border:0px; text-transform: lowercase; display:block; background-color:4c4a4c; letter-spacing:-3px; }
.whitetext12{font-family:arial; font-size:9px; color:000000; font-weight:none; border:0px; text-transform: uppercase;}
.blacktext12{font-family: arial; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px; }
.nametext{font-family: arial; color: fc6a00; font-weight: bold; font-size: 21px; letter-spacing: -3px;}
.blacktext10{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: lowercase; display:block; background-color:9c9e9c}
a{font-family:small fonts; font-size:7px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:small fonts; font-size:7px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:small fonts; font-size:7px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:small fonts; font-size:7px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:small fonts; font-size:7px; color:fc6a00; font-weight:none;border:0px; text-transform: uppercase; text-decoration;underline;}
a.redlink{font-family:small fonts; font-size:7px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:small fonts; font-size:7px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:small fonts; font-size:7px; color:fc6a00; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:small fonts; font-size:7px; color:fc6a00; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:small fonts; font-size:7px; color:fc6a900; font-weight:none;border:0px; text-transform: uppercase; text-decoration:underline;}
a.navbar{font-family:small fonts; font-size:7px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:small fonts; font-size:7px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:small fonts; font-size:7px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:small fonts; font-size:7px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:times new roman; font-size:21px; color:fc6a00; font-weight:none;border:0px; text-transform: lowercase; text-decoration:underline; letter-spacing:-3px;}
a:link, a.man{font-family:small fonts; font-size:7px; color:000000; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:small fonts; font-size:7px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:small fonts; font-size:7px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:small fonts; font-size:7px; color:fc6a00; font-weight:none;border:0px; text-transform: uppercase; text-decoration:underline; }
a:hover img { filter:Gray;}
body { cursor:crosshair;}
a:hover { cursor:crosshair;}
.orangetext15, .blacktext10 {
display:block; width:110px; font-size:6pt !important;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url("http://img338.imageshack.us/img338/7707/untitled2copykb5.jpg");
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
<style type="text/css">
table table table td {vertical-align:top !important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://img519.imageshack.us/img519/5232/untitled3copyfs7.jpg");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:435px; height:75px; display:block !important; }
span.blacktext12 img {display:none;}</style>
</style>

And this is the music players code:

CODE

<center><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="68" width="160" align="middle" data="http://www.mp3asset.com/swf/mp3/minime.swf">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.mp3asset.com/swf/mp3/minime.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
  <param name="flashvars" value="myid=3493016&path=2007/07/24&mycolor=0x4D4A4D&mycolor2=0x9D9E9D&mycolor3=0xFFC186&autoplay=true&rand=0&f=3" />
</object></center>

www.myspace.com/seynt

Thanks in advance for anyone that looks!

[*The Markster*]

Placing your music player where your Extended Network box is might not always look the same to all your profile viewers. But here's one way you can go about it:

CODE

<style type="text/css">
.musicplayer {
     position: absolute;
     top: 170px;
     left: 50%;
     margin-left: 200px;
}
</style>

<div class="musicplayer">
INSERT YOUR MUSIC PLAYER CODE IN HERE.
</div>

Note that you'll most likely be changing the "top: 170px" and "margin-left: 200px" in the code I provided above. Keep playing with those two numbers until the player is where you want it. Tell me if it works.