Help - Search - Members - Calendar
Full Version: Hidden MySpace Music Player
Forums > Resource Center > Support Center > Myspace Support > Myspace Resolved Topics
worldradiostar
Sep 28 2008, 11:10 AM
My layout is hiding my music player, and I reallllly to unhide it. Can someone give me any advice?

http://profile.myspace.com/index.cfm?fusea...endID=415786529

CODE
<style type="text/css">
body {
background-color: 000000;
background-image: url();
background-repeat: repeat;
background-position: top left;
background-attatchment: fixed; }


div table div, div table div div, div table td div, div table td div div, body div table div, body div table div div, body div table div {visibility:visible !important; display:block !important}




body, td, li, p, div, li, p, br {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: bold;
text-decoration: none;
text-transform: none!important;}

textarea {
color: 000000;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: none;
text-decoration: none;
text-transform: none!important;}

h1 {
color: FFFFFF;
font-size: 10pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: bold;
text-decoration: none;
text-transform: none;}

h2 {
color: FFFFFF;
font-size: 12pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: bold;
text-decoration: none;
text-transform: none;}

.text {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: bold;
text-decoration: none;
text-transform: none!important;}

.blacktext10 {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: none;
text-decoration: none;
text-transform: none; }

.blacktext12 {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: none;
text-decoration: none;
text-transform: none!important; }

.btext {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: none;
text-decoration: none;
text-transform: none!important; }

.whitetext12 {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: none;
text-decoration: none;
text-transform: none!important; }

a:link {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: normal;
text-decoration: none;
text-transform: none!important; }

a:visited {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: normal;
text-decoration: none;
text-transform: none!important;}

A:hover {
color: CCCCCC;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: normal;
text-decoration: none;
text-transform: lowercase; }

tr {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: none;
text-decoration: none;
text-transform: none!important; }

table.blue_border,
tr.blue_border, td.blue_border,
table.red_border,
tr.red_border, td.red_border,
table.black_border,
tr.black_border, td.black_border
{ border: solid PX white; }

.redtext, {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: none;
text-decoration: none;
text-transform: uppercase; }

.redbtext,{
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: none;
text-decoration: none;
text-transform: uppercase; }

.lightbluetext8 {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: none;
text-decoration: none;
text-transform: none!important; }

a.navbar {
color: ;
font-size: 8pt;
font-family: Verdana;
line-height: 10px;
letter-spacing:px
font-weight: normal!important;
text-decoration: none;
text-transform: none; }
a.navbar:link {color:"49BCD9";}
a.navbar:active {color:"49BCD9";}
a.navbar:visited {color:"49BCD9";}
a.navbar:hover {
color: FFFFFF;
font-size: 8pt;
font-family: Verdana;
line-height: 10px;
letter-spacing: px;
font-weight: normal!important;
text-decoration: none;
text-transform: none; }

a.redlink:link {color:"49BCD9";}
a.redlink:active {color:"49BCD9";}
a.redlink:visited {color:"49BCD9";}
a.redlink:hover {color:"FFFFFF";
color: ;
font-size: 10pt;
font-family: Verdana;
line-height: 10px;
letter-spacing:px
font-weight: none;
text-decoration: none;
text-transform: lowercase;}
</style>

<style type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
body div table td form img{display:none!important;}
body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
body table td div form {display:none !important;}
div table div div select {position:absolute !important; top:-200px !important; left:0px !important; }</style>







<div style="position: absolute; overflow:auto; left: 140px; top: 160px; width: 892px; height: 1237px; background-color: transparent;"><IMG SRC="http://i261.photobucket.com/albums/ii58/moderndayroyalty/overlay.jpg" BORDER="0"></div>

<div style="position: absolute; overflow:none; left: 540px; top: 610px; width: 116px; height: 25px; background-color: transparent;"><a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0xNzg5Nzg0OTI=" TITLE="view pix!!!"><img src="http://i261.photobucket.com/albums/ii58/moderndayroyalty/viewpics.jpg" border="0"></a></div>

<div style="position: absolute; overflow:none; left: 680px; top: 610px; width: 70px; height: 25px; background-color: transparent;"><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xNzg5Nzg0OTI="><img src="http://i261.photobucket.com/albums/ii58/moderndayroyalty/add.jpg" border="0"></a></div>

<div style="position: absolute; overflow:none; left: 772px; top: 610px; width: 108px; height: 28px; background-color: transparent;"><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xNzg5Nzg0OTI="><img src="http://i261.photobucket.com/albums/ii58/moderndayroyalty/message.jpg" border="0"></a></div>

<div style="position: absolute; overflow:none; left: 900px; top: 610px; width: 87px; height: 28px; background-color: transparent;"><a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MTc4OTc4NDky"><img src="http://i261.photobucket.com/albums/ii58/moderndayroyalty/blog.jpg" border="0"></a></div>

<div style="position: absolute; overflow:auto; left: 173px; top: 970px; width: 325px; height: 265px; background-color: transparent;">test<br><br>testy testy testi testicles.................................</div><div style="position: absolute; overflow:auto; left: 525px; top: 640px; width: 475px; height: 710px; background-color: transparent;">put stuff here.</div>


Do I have errant code, or is it displaying and my graphics are hiding it? And if my graphics are hiding it, how can I bring it to the front?

Thanks a bunch!
Anarchy
Sep 28 2008, 12:00 PM
I couldn't find a code that could be hiding it, so your graphics might be covering it. Try this code:

CODE
<style>
body {z-index:0;}
object, embed {z-index:1;}
</style>

See if that works out for you.
worldradiostar
Sep 28 2008, 12:15 PM
yeah, that worked sweet. My image is hiding the player. Gotta figure that out. How do I make the image go to the back, or make the player sit on top of everything?
Anarchy
Sep 28 2008, 12:24 PM
Didn't I just post the script on how to do that? Or did you mean to ask how that code works?
decaydancefbr
Sep 28 2008, 01:03 PM
^ He is asking like if it's possible to have the player over the image.

Yes, it is possible. Use this code:

CODE
<style type="text/css">
object {
position:absolute;
margin-top: #px;
margin-left: #px;
_margin-top: #px;
_margin-left: #px;
z-index: 9;}
</style>


Make sure this code is below the where the image div is that way it overlaps on the image.
worldradiostar
Sep 28 2008, 01:41 PM
Excellent. thanks for the code, and all the help. I've been effing around with this all day, to no avail. Guess I'm too much a noob. lol.
Thanks guys. Problem solved.
decaydancefbr
Sep 28 2008, 01:43 PM
It's fine. We're here to help. We were all new to all this at the start, it just takes time and practice. If you need anymore help, let us know!
worldradiostar
Sep 28 2008, 01:46 PM
thanks. btw, what can I do to re-position the player? I tried editing the #px field, but it just hid the player again.
decaydancefbr
Sep 28 2008, 01:51 PM
Crap I forgot to put part of the code in

CODE
<style type="text/css">
object {
position:absolute;
margin-top: #px;
margin-left: #px;
_margin-top: #px;
_margin-left: #px;
left:50%;
z-index: 9;}
</style>


That should help.
worldradiostar
Sep 29 2008, 06:39 AM
Thanks so much, bro. Got it working great. Problem Solved.
Anarchy
Sep 29 2008, 11:59 AM
Topic moved & closed.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.