Help - Search - Members - Calendar
Full Version: music in 2.0 div layout
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
sethstrickland1
im just learning how to do the div stuff
once i put a 2.0 div on my myspace it wont play my myspace music playlist
is there a way to get that working?
if not i made another playlist on playlist.com

in my css im using


CODE
#googlebar, #topnav, .photo, .basicInfoDetails, .detailsModule, .activityMiniFeedModule, .blurbsModule h3, .blurbsModule h4, .friendSpaceModule, .commentsModule, #footer { display:none; }
.content { visibility:hidden; }
.blurbsModule { visibility:visible; }
#header { background:none; }

{! remove extra space caused by padding, margins, min-height settings !}
div.basicInfoDetails {min-height:0px; padding:0px;}
div.profileDemographics {min-height:0px; padding:0px; height:0px; width:0px;}
div.basicInfoModule {margin:0px; height:0px; padding:0px; min-height:0px; }
div.basicInfoModule div.moduleBody {height:0px; min-height:0px; margin-top:0px; margin:0px; padding:0px; }
div.contentMid2 {padding:0px;}

{! override default padding in blurbs module !}
div.blurbsModule {margin:0px; padding:0px}
div.blurbsModule div.moduleBody, div.blurbsModule div.moduleMid{padding:0px;}

body table {margin-top:-50000px;}
body td table, body div table {margin-top: -0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body tab
le div form{display:block;}

Body {
background-color:000000; cursor:crosshair; }


a:link, a:active, a:visited {
font-family:Arial; font-size:10px;
line-height:11px; color:FFFFFF;
text-transform:lowercase;
display:inline; font-weight:normal;
text-decoration:none;
}

a:hover {
color:000000; text-decoration:none;}

.content1 {
background-color:transparent; border:0px;
width:350px; height:255px;
position:absolute; overflow:auto;
top:200px; left:50%; margin-left:-360px;
scrollbar-face-color: 647a19;
scrollbar-arrow-color:000000;
scrollbar-track-color:647A19;
scrollbar-shadow-color:647A19;
scrollbar-highlight-color:647A19;
scrollbar-3dlight-color:647A19;
scrollbar-darkshadow-color:647A19;
filter:chroma(color=647A19);
}

.content2 {
background-color:transparent; border:0px;
width:300px; height:75px;
position:absolute; overflow:auto;
top:270px; left:50%; margin-left:50px;
scrollbar-face-color: 647a19;
scrollbar-arrow-color:000000;
scrollbar-track-color:647A19;
scrollbar-shadow-color:647A19;
scrollbar-highlight-color:647A19;
scrollbar-3dlight-color:647A19;
scrollbar-darkshadow-color:647A19;
filter:chroma(color=647A19);
}


h1 {
font-family:times new roman; font-size:12px;
color:000000; font-weight:normal;
line-height:12px; display:block;
text-transform:uppercase;
border-bottom:1px solid black;
padding-left:60px;}


div.content2, small, big, text, p, br, td, tr, table {
font-family:tahoma arial; color:999999;
font-size:10px; line-height:11px;
text-decoration:none; font-weight:normal;
text-align:left;
}


div.content1, small, big, text, p, br, td, tr, table {
font-family:tahoma arial; color:000000;
font-size:10px; line-height:11px;
text-decoration:none; font-weight:normal;
text-align:left;
}


.home:active, .home:link, .home:visited {
position: absolute; z-index:4;
width:104px; height:39px;
left:50%; top:173px;
margin-left:-446px;
display: block; overflow:hidden;
height:39px; width:104px;
background-color:transparent;
background: url('http://cbimg6.com/layouts/08/10/31772ab.png');
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;
}

.home:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.add:active, .add:visited, .add:link {
position: absolute; z-index:4;
width:72px; height:34px;
left:50%; top:171px;
margin-left:-350px;
display: block; overflow:hidden;
height:34px; width:72px;
background-color:transparent;
background: url('http://cbimg6.com/layouts/08/10/31772ac.png');
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;
}

.add:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;
}


.msg:active, .msg:link, .msg:visited {
position: absolute; z-index:4;
width:112px; height:35px;
left:50%; top:176px;
margin-left:-277px;
display: block; overflow:hidden;
height:35px; width:112px;
background-color:transparent;
background: url(http://cbimg6.com/layouts/08/10/31772ad.png);
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;}

.msg:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.blk:active, .blk:link, .blk:visited {
position: absolute; z-index:4;
width:86px; height:38px;
left:50%; top:174px;
margin-left:-162px;
display: block; overflow:hidden;
height:38px; width:86px;
background-color:transparent;
background: url('http://cbimg6.com/layouts/08/10/31772ae.png');
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;}

.blk:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.pics:active, .pics:visited, .pics:link {
position: absolute; z-index:4;
width:115px; height:35px;
left:50%; top:173px;
margin-left:-75px;
cursor:crosshair;
display: block; overflow:hidden;
height:35px; width:115px;
background-color:transparent;
background: url('http://cbimg6.com/layouts/08/10/31772af.png');
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;}

.pics:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}


.cmntbox {
height:150px; width:300px;
top:535px; left:50%; margin-left:-240px;
position:Absolute; overflow:none;}


b, strong {
color:666666; font-family:arial;
text-transform:lowercase; font-weight:normal;}

i { color:1a1a1a; font-family:palatino linotype;}
u {color:ba9755; font-family:courier new;}

td td embed, td td object{
position:absolute;
left:0px; top:0px;
width:1px; height:1px;}

td.text embed {width:260px; height:38px;}

div div, div td {background-color:transparent; background-image:none..;}
div.profileWidth {margin-top: -30px ..;} div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i,
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none ..;}




in my about me im using

CODE
<div>
<img src="http://i34.tinypic.com/1zdn7s8.jpg" /></div>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="home"></a>


<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD00MTEzODI1Njg=" class="add"></a>


<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD00MTEzODI1Njg=" class="msg"></a>


<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTQxMTM4MjU2OA==" class="blk"></a>


<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=411382568" class="pics"></a>




<div class="content1">
<h1>about me</h1>UNDER CONSTRUCTION HOME LINKS ON BOTTOM
<img src="http://i539.photobucket.com/albums/ff355/sethstrickland1/Mobile%20Uploads/ss.jpg" alt="Photobucket" />
<br /><br />






<br /><br />

</div>


<div class="cmntbox">
<form method="post" action="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudHMubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5Db25m
XJtQ29tbWVudA=="><input name="friendID" value="411382568" type="hidden" /><textarea name="f_comments" class="asdfbox">Going Under;</textarea><br /><input type="submit" value="Into The Darkness" class="asdfsub" /></form>
..
</div>

<div class="content2">
<strong>Name:</strong> Seth Strickland
<br /><strong>Age:</strong> 17
<br /><strong>Status:</strong> Single
<br /><strong>Orientation:</strong> Straight
<br /><strong>Religion:</strong> Undecided
<br /><strong>Location:</strong> Mesa Az
</div>

</div>



and my playlist.com code is


CODE
<div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450px;"> <object width="435" height="270"> <param name="movie" value="http://www.pplaylist.com/mc/mp3player_new.swf"></param> <param name="flashvars" value="tomy=http%3A%2F%2Fwww.indimusic.us%2Fext%2Fpc%2Fconfig_black_shuffle.xml&amp;mywidth=435&amp;myheight=270&amp;file=http%3A%2F%2Fwww.indimusic.us%2Floadplaylist.php%3Fplaylist%3D72991745%26t%3D1261463565&amp;wid=ms"></param> <param name="allowscriptaccess" value="never"></param> <param name="wmode" value="transparent"></param> <embed style="width:435px; visibility:visible; height:270px;" src="http://www.pplaylist.com/mc/mp3player_new.swf" allowScriptAccess="never" width="435" height="270" name="mp3player" wmode="transparent" type="application/x-shockwave-flash" border="0" flashvars="tomy=http%3A%2F%2Fwww.indimusic.us%2Fext%2Fpc%2Fconfig_black_shuffle.xml&amp;mywidth=435&amp;myheight=270&amp;file=http%3A%2F%2Fwww.indimusic.us%2Floadplaylist.php%3Fplaylist%3D72991745%26t%3D1261463565&amp;wid=ms"/> </object> <br/> <a href="http://www.pplaylist.com"><img src="http://www.pplaylist.com/mc/images/create_black.jpg" border="0"></a> <a href="http://www.pplaylist.com/standalone/72991745" target="_blank"><img src="http://www.pplaylist.com/mc/images/launch_black.jpg" border="0"></a> <a href="http://www.pplaylist.com/download/72991745"><img src="http://www.pplaylist.com/mc/images/get_black.jpg" border="0"></a> </div>


oh my url is myspace.com/yourmamas
Mickey
Look for and remove this from your CSS codes:

CODE
td td embed, td td object{
position:absolute;
left:0px; top:0px;
width:1px; height:1px;}

td.text embed {width:260px; height:38px;}
sethstrickland1
i did that and nothing happened
Mickey
I forgot you're covering it with your DIV layout. Add this to your CSS codes:

CODE
object {position: absolute; top: 0px; left: 50%; margin-left: -400px; z-index: 9;}
object object, embed {position: static; margin: auto;}

Replace the top and margin-left values with appropriate numbers to position it.
sethstrickland1
ok i did that too and i still dont thing anything is working
Mickey
Do you have some sort of music player up? Maybe it's not showing because there's nothing to display.
sethstrickland1
like a myspace one or a playlist.com one
Mickey
Either one, really.
sethstrickland1
its not working for either one
Mickey
On your Customize Profile page, click on the Modules tab on the top left. Look for and click on the Music Player module to make sure that it's showing. That should make it appear.
sethstrickland1
oh i feel dumb it works lol my bad
thanks for all your help
Mickey
Topic closed & moved.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.