ADDING MUSIC PLAYER TO DIV, on band profile... Options

[dylroo]

Hey!

i have a DIV for my band page and i was wondering how to add the music player to the page because i cant see it or hear the music



Heres Whats in SOUNDS LIKE:

CODE

<i class=i>!START code in Influences !</i> <i class=i>!START Style Block For Hiding Elements on Band Page! <a href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9iYW5kLWhpZGUtYWxs">MySpace Band Hide Everything</a> </i> <style> .i, div.clearfix i i i {display:none} {! fix a centering problem, and clear white space caused by clear gifs !} td {width:auto;} table td img {display:none;} {! restore any images displayed inside our div. You may want to use block instead of inline for some images. !} table td div.myCoreDiv img, table td div.myCoreDiv table td img, table td div.myCoreDiv div img {display:inline;} {!OPTIONAL restore image on maroon nav bar, we could use a.navbar img!} div table td a.navbar img {display:block;} {! removes most content and the space it occupied !} table table table {display:none} {! minimize the remaining main page content that can not be removed without effecting the ad and menus !} table table td { height:0px; margin:0px; padding:0px;} {! restore my div. !} table div.myCoreDiv {display:block;} {! restore div with Comments !} table div.myCoreDiv div.myDclassFC {display:block;} table div.myCoreDiv div {display:block;} table table br {display:none;} table table table br {display:block;} {! OPTIONAL decrease space between bottom and bottom menu, and between bottom menu and cc thing !} {! does not work in Safari !} table div br {line-height:4px;} {! reverse effect on custom div !} table div.myCoreDiv br {line-height:11px;} table table, tr, td {background-color:white !important} {! ONLY if you want to remove the blue behind the ad banner AND the maroon !} div.profileWidth table, div.profileWidth td {background-color:transparent !important} div table {border-bottom:none !important;} {! ADDITIONAL STYLE BLOCKS CAN GO HERE !} </style> <i class=i>!End code in Influences !</i> <a class=i href="xiii.us/ms/ad-search-menu"> myspace hide maroon music menu nav bar</a> <style> div table, .i, i i.x {display:none;} div.profileWidth table {display:block} table div table {display:block;} </style> <i class=i>!!! End Code to Style Top Ad/Search/Menu !!!</i> [/b]


Heres Whats in BAND MEMBERS:

<i class=i>!--START CODE IN BAND MEMBERS --!</i> <i class=i> !-Start Div Overlay Content Block-! <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld3MtdW5kZXItY29uc3RydWN0aW9uLmJsb2dzcG90LmNvbS8="> myspace code tutorials by Eileen</a> !-Close 3 layers of cell/row/table. This puts our Div ONE table deep. </i> </td></tr></table> </td></tr></table> </td></tr></table> <i class=i>!-Create and size our div. We will never close this div. It will close when the containing table closes-! </i> <i class=i>!!! MODIFY width to the SAME width as your core image !!!</i> <div class="myCoreDiv" style="position:relative; top:0px; width:800px; height:auto; border:2px white solid;"> <i class=i> when DONE editing CHANGE the border:2px to border:0px or change the magenta to the color you want your border.----!</i> <i class=i> !----START CUSTOM CONTENT BLOCK 1----!</i> <img src=http://img522.imageshack.us/img522/2131/546qh5.jpg> <style type="text/css">td.text td.text table table table,td.text td.text table br,td.text td.text table .orangetext15,td.text td.text .redlink,td.text td.text span.btext{display:none;}td.text td.text table {background-color:transparent;}td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}td.text td.text table table td {padding:3;}td.text td.text table table br {display:inline;}td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;}</style> <div style="position:relative; height:0px; overflow:hidden; border:0px;"><table><tr><td><table><tr><td> <i class=i> !----END CUSTOM CONTENT BLOCK 1----!</i> <i class=i>!-Open 3 layers of table/row/cell-!</i> <i class=i>!-IF do NOT want any content from my Right side, I can use i instead of L1-!</i> <table class="L1" ><tr><td> <i class=i>!-The below class i hides the remainder of the general table-!</i> <table class="i"><tr><td> <table class="i"><tr><td> <style>.i {display:none}</style> <i class=i>END CODE IN BAND MEMBERS</i> <style> body {background:000000;} </style>

[b]

If possible i would like to add it right under "SHOUT! the headline" about 50px under it

Reason for edit: please put codes in codeboxes. thanks :) -natalia

[fixtatik]

are you familiar with positioning elements with style sheets?

table table td.text object { } is the band profile music player. unfortunately it's also every other flash object on your page, so if you don't want extra videos or objects to move with it, you'd have to give them their own class.

table table table {display:none} is the part of your code which is hiding the music player. i'd suggest starting with a code like this one to move your music player:

CODE

table table td.text object { display:block!important; left:50%; margin-left:##px; margin-top:##px; position:absolute; top:0%; }
.friendsComments object { left:auto; margin:auto; position:static; top:auto; }

the ".friendsComments" part of it will keep any videos in your friends' comments in place (assuming they put videos in there and you have your comments visible).

[manny-the-dino]

Due to this topic being 2 weeks old & the problem being solved, this topic is Closed & Moved. PM me if you'd like for me to open this.