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.

[intrik]

That worked perfectly! Thank you so much! Seeing what you people can pull off with these codes amazes me into wanting to learn more about it myself now..

Time to adjust it some, thanks again!

[*The Markster*]

That worked perfectly! Thank you so much! Seeing what you people can pull off with these codes amazes me into wanting to learn more about it myself now..

Time to adjust it some, thanks again!

You're very welcome.

Btw, when you said it "worked perfectly," did you mean I guessed those two numbers exactly right!? Haha, that'd be funny if I did.

[intrik]

Yeah it was actually only off by about 10 pixels vertically haha

[*The Markster*]

Oh, haha. Well I'm glad it worked for you. :]