Help - Search - Members - Calendar
Full Version: ProjectPlaylist woahs...
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
snekerpimp
I just got into this whole new world of div overlays, and I'm trying to solve a problem I'm having. I'm not sure if anyone else has heard of ProjectPlaylist, but it allows you to embed a flash player into a Social networking site. I'm trying to figure out how to place my playlist in the area I want, with the div overlay that I have. I'm confused cause it doesn't seem to work with any sort of logic that I'm aware of, being that the last time I coded in HTML, there was no such thing as flash. When I try and place the playlist in the center of the bottome of the screen it appears in the top left, and when I try to place it somewhere else, it ends up in a window in the middle of the profile, and covers everything else up! any help would be appreciated, and just let me know what you need in order to help me! thanks!
S-Majere
Make sure you post both the playlist code and your full DIV code - sometimes an embedding spec in the DIV coding itself can knock things around.
snekerpimp
the div code:

about me:
<p><a href="http://www.createblog.com/layouts/index.php?layout=myspace_layouts" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style type="text/css">
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 table div form{display:block;}
div table td font {visibility:hidden; }
a.navbar:active, a.navbar:visited, a.navbar:link { display:none; }
a.navbar:hover { display:none; }
.navbar {visibility:hidden; display:none;}
.userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;}
a.text, table div font a, table div div {visibility:hidden;}

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

body div td div div select {position:absolute!important;top:-1000px;}
body div div form {display:none !important;}
table table div form {display:inline !important;}

select { visibility:hidden!important; WIDTH:0px!important;}

table tr td div font {display: none;}
body div table td form {display:none!important;}
table, td, tr{ background-color:transparent;}

body {
background-color:000000;
background-image:url(http://cbimg6.com/layouts/07/10/27/22672aa.jpg);
cursor:default;
font-weight:normal;
scrollbar-face-color:FFFFFF;
scrollbar-track-color:FFFFFF;
scrollbar-arrow-color:000000;
scrollbar-highlight-color:FFFFFF;
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:FFFFFF;
scrollbar-darkshadow-color:000000;
}

a:link, a:visited, a:active {
font-family:century gothic;
font-size:13px;
font-weight:normal;
color:ffffff;
text-decoration:none;
}

a:hover {
font-family:century gothic;
font-size:13px;
font-weight:normal;
color:000000;
background:ffffff;
text-decoration:none;
}

.image {
position:absolute;
overflow:auto;
top:100px;
left:250px;
background-color:transparent;
border:0px;
}

.navigation {
position:absolute;
overflow:auto;
allign:left;
background-color:transparent;
border:0px;
width:600px;
height:50px;
top:655px;
left:215px;
}

.aboutme {
position:absolute;
overflow:auto;
top:370px;
left:363px;
background-color:transparent;
font-family:century gothic;
font-size:13px;
color:000000;
align:center;
font-weight:normal;
height:220px;
width:271px;
margin:0;
padding:0;
}

</style>

I'd like to meet:
<div class="image">
<img src=http://cbimg6.com/layouts/07/10/27/22672ab.png>
</div>

<div class="navigation">
<center>
<a href="http://home.myspace.com/index.cfm?fuseaction=user"><img src="http://cbimg6.com/layouts/07/10/27/22672ac.png" border="0" alt=""></a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXXX&MyToken=91820261-74f9-4454-a9e4-0a9333b08892">
<img src="http://cbimg6.com/layouts/07/10/27/22672ad.png" border="0" alt=""></a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXXX"><img src="http://cbimg6.com/layouts/07/10/27/22672ae.png" border="0" alt=""></a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXXX&MyToken=91820261-74f9-4454-a9e4-0a9333b08892">
<img src="http://cbimg6.com/layouts/07/10/27/22672af.png" border="0" alt=""></a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXXX&MyToken=91820261-74f9-4454-a9e4-0a9333b08892">
<img src="http://cbimg6.com/layouts/07/10/27/22672ag.png" border="0" alt=""></a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXXX">
<img src="http://cbimg6.com/layouts/07/10/27/22672ah.png" border="0" alt=""></a>
</center>

</div>

<div class="aboutme">
<center>
<img src="http://cbimg6.com/layouts/07/10/27/22672ai.gif"><br>Write about yourself here, or put anything you want here! It will scroll with the more things you put in it!
</center>
</div>
</div>

Playlist code:
<div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450px;"><embed style="width:435px; visibility:visible; height:270px;" allowScriptAccess="never" src="http://www.profileplaylist.net/mc/mp3player-othersite.swf?config=http://www.profileplaylist.net/mc/config/config_black.xml&mywidth=435&myheight=270&playlist_url=http://www.profileplaylist.net/loadplaylist.php?playlist=2794378" menu="false" quality="high" width="435" height="270" name="mp3player" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0"/><BR><a href=http://www.profileplaylist.net><img src=http://www.profileplaylist.net/mc/images/create_black.jpg border=0></a><a href=http://www.profileplaylist.net/standalone/2794378 target=_blank><img src=http://www.profileplaylist.net/mc/images/launch_black.jpg border=0></a><a href=http://www.profileplaylist.net/download/2794378><img src=http://www.profileplaylist.net/mc/images/get_black.jpg border=0></a> </div>
S-Majere
Okay - remove this lot:

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

select { visibility:hidden!important; WIDTH:0px!important;}

a.text, table div font a, table div div {visibility:hidden;}


Which leaves you with: (I'm including the player in this)

CODE
<style type="text/css">
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 table div form{display:block;}
div table td font {visibility:hidden; }
a.navbar:active, a.navbar:visited, a.navbar:link { display:none; }
a.navbar:hover { display:none; }
.navbar {visibility:hidden; display:none;}
.userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;}

body div td div div select {position:absolute!important;top:-1000px;}
body div div form {display:none !important;}
table table div form {display:inline !important;}





table tr td div font {display: none;}
body div table td form {display:none!important;}
table, td, tr{ background-color:transparent;}

body {
background-color:000000;
background-image:url(http://cbimg6.com/layouts/07/10/27/22672aa.jpg);
cursor:default;
font-weight:normal;
scrollbar-face-color:FFFFFF;
scrollbar-track-color:FFFFFF;
scrollbar-arrow-color:000000;
scrollbar-highlight-color:FFFFFF;
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:FFFFFF;
scrollbar-darkshadow-color:000000;
}

a:link, a:visited, a:active {
font-family:century gothic;
font-size:13px;
font-weight:normal;
color:ffffff;
text-decoration:none;
}

a:hover {
font-family:century gothic;
font-size:13px;
font-weight:normal;
color:000000;
background:ffffff;
text-decoration:none;
}

.image {
position:absolute;
overflow:auto;
top:100px;
left:250px;
background-color:transparent;
border:0px;
}

.navigation {
position:absolute;
overflow:auto;
allign:left;
background-color:transparent;
border:0px;
width:600px;
height:50px;
top:655px;
left:215px;
}

.aboutme {
position:absolute;
overflow:auto;
top:370px;
left:363px;
background-color:transparent;
font-family:century gothic;
font-size:13px;
color:000000;
align:center;
font-weight:normal;
height:220px;
width:271px;
margin:0;
padding:0;
}

</style>

I'd like to meet:
<div class="image">
<img src=http://cbimg6.com/layouts/07/10/27/22672ab.png>
</div>

<div class="navigation">
<center>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy"><img src="http://cbimg6.com/layouts/07/10/27/22672ac.png" border="0" alt=""></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1YWFhYWFhYWFgmTXlUb2tl
j05MTgyMDI2MS03NGY5LTQ0NTQtYTllNC0wYTkzMzNiMDg4OTI=">
<img src="http://cbimg6.com/layouts/07/10/27/22672ad.png" border="0" alt=""></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9WFhYWFhYWFhY"><img src="http://cbimg6.com/layouts/07/10/27/22672ae.png" border="0" alt=""></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPVhYWFhYWFhYWCZN
VRva2VuPTkxODIwMjYxLTc0ZjktNDQ1NC1hOWU0LTBhOTMzM2IwODg5Mg==">
<img src="http://cbimg6.com/layouts/07/10/27/22672af.png" border="0" alt=""></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD1YWFhYWFhYWFgmTXlUb2tlbj05MTgyMDI2MS03NGY5LTQ0NTQtYTllNC0wYTkzM
NiMDg4OTI=">
<img src="http://cbimg6.com/layouts/07/10/27/22672ag.png" border="0" alt=""></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD1YWFhYWFhYWFg=">
<img src="http://cbimg6.com/layouts/07/10/27/22672ah.png" border="0" alt=""></a>
</center>

</div>

<div class="aboutme">
<center>
<img src="http://cbimg6.com/layouts/07/10/27/22672ai.gif"><br>Write about yourself here, or put anything you want here! It will scroll with the more things you put in it!<br><br>

<div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:205px;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="270" width="205" style="width:205px; visibility:visible; height:270px;" border="0" data="http://www.profileplaylist.net/mc/mp3player-othersite.swf?config=http://www.profileplaylist.net/mc/config/config_black.xml&mywidth=435&myheight=270&playlist_url=http://www.profileplaylist.net/loadplaylist.php?playlist=2794378">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.profileplaylist.net/mc/mp3player-othersite.swf?config=http://www.profileplaylist.net/mc/config/config_black.xml&mywidth=435&myheight=270&playlist_url=http://www.profileplaylist.net/loadplaylist.php?playlist=2794378" />
  <param name="menu" value="false" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
</object><BR><a href=http://www.msplinks.com/MDFodHRwOi8vd3d3LnByb2ZpbGVwbGF5bGlzdC5uZXQ=><img src=http://www.profileplaylist.net/mc/images/create_black.jpg border=0></a><a href=http://www.msplinks.com/MDFodHRwOi8vd3d3LnByb2ZpbGVwbGF5bGlzdC5uZXQvc3RhbmRhbG9uZS8yNzk0Mzc4 target=_blank><img src=http://www.profileplaylist.net/mc/images/launch_black.jpg border=0></a><a href=http://www.msplinks.com/MDFodHRwOi8vd3d3LnByb2ZpbGVwbGF5bGlzdC5uZXQvZG93bmxvYWQvMjc5NDM3OA==><img src=http://www.profileplaylist.net/mc/images/get_black.jpg border=0></a> </div>

</center>
</div>
</div>
snekerpimp
wow that works pretty well man, thanks!
S-Majere
Wilkomen!

Topic 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.