I'm stuck trying to move an object!!! Help please!!, object needs to be placed as basically the background Options

[oblivionguitaris...]

ok.. I'm trying to put a page that was made with flash components as the background, but when I put the code in, its aligned wayyy at the bottom of the page. I need the object to be just below the links under the myspace add banner at the top of the myspace page.

Inside the object, there's a picture frame where I need the myspace comments section to be..(Scrollable) fit to the picture frame..


So you can see what the whole page looks like right now, the myspace page url is: www.myspace.com/thuglifepb

Here's what I have as the object that I'm trying to make into the page background:

CODE

<object width="2700" height="700"><param name="base" value="http://static.wix.com"/><param name="wmode" value="transparent"/><param name="movie" value="http://static.wix.com/client/app.swf" /><param name="quality" value="high" /><param name="FlashVars" value="pageId=8KPaN3gkyHU-a&embedFormat=normal&embedID=Zyeyt_UTLMx4Drb4Xy0O1Qb4NaOCZiRs6sPkDA2B_kSa6zn_ItQTxH4LCjoHm_iUa&partner_id=WMGs4POB1ko-a" /><param name="scale" value="noScale" /><param name="salign" value="tl" /><embed src="http://static.wix.com/client/app.swf" quality="high" FlashVars="pageId=8KPaN3gkyHU-a&embedFormat=normal&embedID=Zyeyt_UTLMx4Drb4Xy0O1Qb4NaOCZiRs6sPkDA2B_kSa6zn_ItQTxH4LCjoHm_iUa&partner_id=WMGs4POB1ko-a" type="application/x-shockwave-flash" width="2700" height="700" base="http://static.wix.com" wmode="transparent" scale="noscale" salign="tl" ></embed></object

Here's the codes I have so far as the myspace page:

In the about me section I have this:

CODE

<object width="2700" height="700"><param name="base" value="http://static.wix.com"/><param name="wmode" value="transparent"/><param name="movie" value="http://static.wix.com/client/app.swf" /><param name="quality" value="high" /><param name="FlashVars" value="pageId=8KPaN3gkyHU-a&embedFormat=normal&embedID=Zyeyt_UTLMx4Drb4Xy0O1Qb4NaOCZiRs6sPkDA2B_kSa6zn_ItQTxH4LCjoHm_iUa&partner_id=WMGs4POB1ko-a" /><param name="scale" value="noScale" /><param name="salign" value="tl" /><embed src="http://static.wix.com/client/app.swf" quality="high" FlashVars="pageId=8KPaN3gkyHU-a&embedFormat=normal&embedID=Zyeyt_UTLMx4Drb4Xy0O1Qb4NaOCZiRs6sPkDA2B_kSa6zn_ItQTxH4LCjoHm_iUa&partner_id=WMGs4POB1ko-a" type="application/x-shockwave-flash" width="2700" height="700" base="http://static.wix.com" wmode="transparent" scale="noscale" salign="tl" ></embed></object>










<style type="text/css">
body { position:relative; left:0px; top:0px; z-index:0; background-color:000000; } .bodyContent { background-color: 000000 }

a:link, a:visited, .redtext, .redbtext, a.redlink:link, a.redlink:hover { color:333333; }
a:link:hover, a:visited:hover { color:666666; }

.blacktext10, .orangetext15, .whitetext12, .nametext, .btext, table.friendsComments tr td { color:333333; }

object, embed { visibility:visible; position:absolute; top:1032px; left:50%; right:50%; margin-left:-390px; z-index:9; }

.comments embed, .comments object { display:inline; visibility:visible; position:relative; top:0px; margin-left:0px; left:0px; right:0px; }

.navbar{visibility:visible;} .navigationBar font {visibility:hidden;} table,tr,td{background-color: transparent;border-style: none;} .navigationBar tr td { background-color:transparent; } .interestsAndDetails, .userProfileDetail, .userProfileURL, .contactTable, .profileInfo, .latestBlogEntry, .extendedNetwork, .orangetext15 { display:none; }

table.friendsComments img {max-width:300px; height:auto;} .friendsComments font {visibility:visible;} table tr tr td img { border-color:4e607b; }
table tr td div div a.text {visibility:hidden; border:0px!important; background-color:transparent;}</style>

and in the "I'd like to meet" section I have this:

CODE

<div class="comments" style="overflow:auto; overflow-x:hidden; height:356px; width:500px; position: absolute; top:646px; left:50%; right:50%; margin-left:-120px; z-index:7; background-color:transparent;"><div style="margin-left:20px;"><div style="margin-top:-50px; margin-bottom:10px; margin-left:10px;"><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTM2OTYzMjc1Mg=="><b>Add Comment</b></a></div><table><tr><td><table><tr><td>

<MOVE ALL HTML CODES (IMAGES/WIDGETS/SLIDESHOWS/VIDEOS) BELOW THIS CODE />

<div style="width:448px; margin-top:15px;"><img src="http://i200.photobucket.com/albums/aa62/lovemyflash/FlickrSpace-BETA/addcomment.gif" /><br/>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment" style="margin-top:0px;">
<input type="hidden" name="friendID" value="369632752">
<textarea name="f_comments" rows="7" style="width:448px; color:191816;"></textarea><br />
<div style="text-align:right;">
<input name="submit" type="image" id="submit" src="http://i200.photobucket.com/albums/aa62/lovemyflash/FlickrSpace-BETA/sendcomment.gif" alt="Send Comment" align="top" /></div></form></div>

There's also a small link at the top of the page that says "MySpace Latino" I can't find where it's coming from and don't want it on the page.

If anyone can figure this stuff out it would be soo helpfull!!!

[miyashu]

well i was able to successfully move the flash bg to the top like you wanted by changing the margin-left and top values to this:

CODE

object, embed { visibility:visible; position:absolute; top:200px; left:50%; right:50%; margin-left:-510px; z-index:1; }

unfortunately, i'm still figuring out why it overlaps everything else. everytime i try to input a z-index for the comments and comment box, myspace takes them out. hopefully others can try to help you in that area.

[oblivionguitaris...]

well i was able to successfully move the flash bg to the top like you wanted by changing the margin-left and top values to this:

CODE

object, embed { visibility:visible; position:absolute; top:200px; left:50%; right:50%; margin-left:-510px; z-index:1; }

unfortunately, i'm still figuring out why it overlaps everything else. everytime i try to input a z-index for the comments and comment box, myspace takes them out. hopefully others can try to help you in that area.

Would you be able to give me the code that you just gave me.. inside my original??.. (i don't know where to put the code you just gave me)

[Relentless]

^ You put the given code between the

<style type="text/css"> </style> tags.

CODE

<style type="text/css">
body { position:relative; left:0px; top:0px; z-index:0; background-color:000000; } .bodyContent { background-color: 000000 }

a:link, a:visited, .redtext, .redbtext, a.redlink:link, a.redlink:hover { color:333333; }
a:link:hover, a:visited:hover { color:666666; }

.blacktext10, .orangetext15, .whitetext12, .nametext, .btext, table.friendsComments tr td { color:333333; }

object, embed { visibility:visible; position:absolute; top:1032px; left:50%; right:50%; margin-left:-390px; z-index:9; }

.comments embed, .comments object { display:inline; visibility:visible; position:relative; top:0px; margin-left:0px; left:0px; right:0px; }

.navbar{visibility:visible;} .navigationBar font {visibility:hidden;} table,tr,td{background-color: transparent;border-style: none;} .navigationBar tr td { background-color:transparent; } .interestsAndDetails, .userProfileDetail, .userProfileURL, .contactTable, .profileInfo, .latestBlogEntry, .extendedNetwork, .orangetext15 { display:none; }

table.friendsComments img {max-width:300px; height:auto;} .friendsComments font {visibility:visible;} table tr tr td img { border-color:4e607b; }
table tr td div div a.text {visibility:hidden; border:0px!important; background-color:transparent;}

object, embed { visibility:visible; position:absolute; top:200px; left:50%; right:50%; margin-left:-510px; z-index:1; }
</style>

[oblivionguitaris...]

Thanks guys.. That was perfect, but I decided that I want to try the flash object (background thing) like above the myspace ad.. if that is possible I would be sooo appreciative.

(so that the myspace ad and links are at the very bottom of the page, aka: the object is at the very top beginning of the page, and there is nothing left to scroll down to after the ad and links at the bottom.)

The comments part would also have to somehow have to be moved up to above the myspace ad and links as well.

[Insurmountable]

You can move the ad down by using a code like this:
http://www.createblog.com/scripts/script.php?id=375

Also if you would like to keep the ad at the very top and put something like flash under it use this:
http://www.createblog.com/scripts/script.php?id=457

Also the only thing you can't do the ad which would be against the myspace tos is this:

covering or obscuring the banner advertisements on your personal profile page, or any MySpace page via HTML/CSS or any other means;

[oblivionguitaris...]

Thanks everyone!!! I got most of it figured out now.

I'm still trying to get rid of everything below the add and links.. so that the links are the very bottom of the page and it won't scroll beyond them..

I'm also still trying to position the scrolling comments section, so if anyone knows how to do that.. I'm trying to position the scrolling comments part centered in a picture frame in the background. (if you view the profile, the picture frame where the comments are supposed to go has instructions in it..


here is some of the info for my page:

ok, so here's the link to my profile right now so you can see what it looks like so far: www.myspace.com/thuglifepb


and here is the coding I have so far..

In the "About Me" section I have:

CODE

<div class="banner">
..</div>

<style type="text/css">
.banner {width: ##px; height:##px;position: absolute;margin-left: -405px;left: 50%;top: 0px;}
body {margin-top:670px;}
</style>

<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="700" width="2700" data="http://static.wix.com/client/app.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://static.wix.com/client/app.swf" />
<param name="quality" value="high" />
<param name="flashvars" value="pageId=8KPaN3gkyHU-a&embedFormat=normal&embedID=Zyeyt_UTLMx4Drb4Xy0O1Qb4NaOCZiRs6sPkDA2B_kSa6zn_ItQTxH4LCjoHm_iUa&partner_id=WMGs4POB1ko-a" />
<param name="base" value="http://static.wix.com" />
<param name="wmode" value="transparent" />
<param name="scale" value="noscale" />
<param name="salign" value="tl" />
</object>










<style type="text/css">
body { position:relative; left:0px; top:0px; z-index:0; background-color:000000; } .bodyContent { background-color: 000000 }

a:link, a:visited, .redtext, .redbtext, a.redlink:link, a.redlink:hover { color:333333; }
a:link:hover, a:visited:hover { color:666666; }

.blacktext10, .orangetext15, .whitetext12, .nametext, .btext, table.friendsComments tr td { color:333333; }

object, embed { visibility:visible; position:absolute; top:1032px; left:50%; right:50%; margin-left:390px; z-index:9; }

.comments embed, .comments object { display:inline; visibility:visible; position:relative; top:0px; margin-left:0px; left:0px; right:0px; }

.navbar{visibility:visible;} .navigationBar font {visibility:hidden;} table,tr,td{background-color: transparent;border-style: none;} .navigationBar tr td { background-color:transparent; } .interestsAndDetails, .userProfileDetail, .userProfileURL, .contactTable, .profileInfo, .latestBlogEntry, .extendedNetwork, .orangetext15 { display:none; }

table.friendsComments img {max-width:300px; height:auto;} .friendsComments font {visibility:visible;} table tr tr td img { border-color:4e607b; }
table tr td div div a.text {visibility:hidden; border:0px!important; background-color:transparent;}

object, embed { visibility:visible; position:absolute; top:-35px; left:50%; right:50%; margin-left:-500px; z-index:1; }
</style>[/code]


and in the "I'd Like to Meet" section, I have:

[code]<div class="comments" style="overflow:auto; overflow-x:hidden; height:356px; width:500px; position: absolute; top:200px; left:50%; right:50%; margin-left:-300px; z-index:7; background-color:transparent;"><div style="margin-left:20px;"><div style="margin-top:-50px; margin-bottom:10px; margin-left:10px;"><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTM2OTYzMjc1Mg=="><b>Add Comment</b></a></div><table><tr><td><table><tr><td>

<MOVE ALL HTML CODES (IMAGES/WIDGETS/SLIDESHOWS/VIDEOS) BELOW THIS CODE />

<div style="width:0px; margin-top:15px;"><img src="http://i200.photobucket.com/albums/aa62/lovemyflash/FlickrSpace-BETA/addcomment.gif" /><br/>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment" style="margin-top:0px;">
<input type="hidden" name="friendID" value="369632752">
<textarea name="f_comments" rows="7" style="width:448px; color:191816;"></textarea><br />
<div style="text-align:right;">
<input name="submit" type="image" id="submit" src="http://i200.photobucket.com/albums/aa62/lovemyflash/FlickrSpace-BETA/sendcomment.gif" alt="Send Comment" align="top" /></div></form></div>

Thanks soo much for anyone who can help me out at all!!

Reason for edit: Please use codeboxes!