Log In · Register

 
flash player in div overlay
mdjp
post Jul 25 2006, 07:49 AM
Post #1


Newbie
*

Group: Member
Posts: 1
Joined: Jul 2006
Member No: 440,060



helllllllllllllllloooooooooooo,

ok i trying to set up an overlay for my page but after i have inserted the flash music player i want it appears like this



as you can see its not showing it all properly

i had a similar problem with my current profile as originally the player showed up like this



but if you see my profile now, i have managed to make it look a lil better my myspace

ok so the code i have used for the overlay is this, but i am having no luck, can someone please help me?


-------------------------------------------------------------------------
</td></tr></table></td></tr></table></td></tr></table></div>
<style>
BASIC INSTRUCTIONS:
You can delete this section from the code if you don't need it, but it
won't affect the looks of your profile in any way.
For every div class (.div1, .div2, etc) you will notice a lot of common
properties. To move the layer, use:
** margin-top to move it up and down
** margin-left to move it left and right
margin-left begins from the center of your page. If you set it to 0px,
the top left corner of the div will be located in the center of the
profile. If you want the layer in the center of your profile take the
width of the div, divide it by 2, and multiply it by -1. (In other
words, divide it by 2 and make it a negative number.) For example, your
div is 400px wide. Give it a margin-left of -200px and the div layer
will sit in the middle of the screen. Now, if you want to move it
somewhere else, you will have to experiment with the position.
margin-top should be no less than 150px since anything above that may
overlap the MySpace advertisment.
The rest is self explanatory, width for width, height for height,
colors and so on.
Style and Format:
The divs will automatically align everything to the center, in order to
make the text and pictures aligned to right or left, look for
"text-align:center;" and replace center with left, right, or justify.
If you want your comments to flow automatically rather than have them
stuffed in a scroll box, look for the comments selector, named .comt {}
inside .comt, you will fine overflow:auto; change auto to
overflow:none;
To move the personal song player, look for the embed {}


To add a background image to each div (box), add this to your div
selector:


background-image:url(URL to background);
background-position:center center;
background-repeat:repeat;
background-attachent:scroll;
Good Luck!
bbz Overlay Model Generator v0.5
bbzSpace dot com
</style>

<style type="text/css">
body {background-color:white;
background-image:url("http://img129.imageshack.us/img129/7834/rockrollbobdylanbw3.jpg");
background-repeat:repeat; background-position:center center;
background-attachment:fixed;}
td, .text, div, input {color:FF3333 !important;}
a {color:FF3333 !important;} img {border:0px;}
table, tr, td {background:transparent; border:0px;}
div table td font {visibility:hidden;}
div table table table td font {visibility:visible;}
table table table td {visibility:hidden;}
marquee, table table table div td {visibility:visible;}
table div div, table tr td div font a {visibility:hidden;}
.bbzComment { This is where you control the position of the player. }
table table embed {display:block; width:202px; height:35px;
position:absolute; top:0px; left:0px; visibility:visible;}
table table table embed, .bbzContainer div embed {position:static
!important; width:auto; height:auto; }
.text, table table table table a,
table table table table div,.frm1 {visibility:hidden;} table table
table table div a, .frm1 input {visibility:visible;}
.bbzComment { You selected to hide comments. }
.text, td.text td.text table, .contactTable, .lightbluetext8
{display:none;}
table table, table table td {padding:0px; height:0px;}


.div3 {
background-color:black; color:FF3333 ;
border:2px solid; border-color:FF6633 ;
width:250px; height:285px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-125px; margin-top:75px; text-align:center;
visibility:visible;}

.div0 {
background-color:black; color:FF3333 ;
border:2px solid; border-color:FF6633 ;
width:260px; height:310px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-125px; margin-top:335px; text-align:center;
visibility:visible;}

.div1 {
background-color:black; color:FF3333 ;
border:2px solid; border-color:FF6633 ;
width:250px; height:550px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-400px; margin-top:75px; text-align:center;
visibility:visible;}

.div2 {
background-color:black; color:FF3333 ;
border:2px solid; border-color:FF6633 ;
width:250px; height:550px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:150px; margin-top:75px; text-align:center;
visibility:visible;}
marquee { z-index:8; }
div font a, span, td td td, table div div { visibility:hidden
!important; }
.bbzContainer div, .bbzContainer div font, .bbzContainer div a,
.bbzContainer div div, .bbzContainer font a, .bbzContainer span,
.bbzContainer div table a, .bbzContainer div table img, .bbzContainer
div table font, .bbzContainer div table, .bbzContainer div table td,
.comt, .comt td, .comt span, .comt a, .comt div {visibility:visible
!important;}
.bbzDiv {content:"Overlay Generator beta";}
</style>
<div
class="frm1"><table><tr><td><table><tr><td><table><tr><td>





</td></tr></table></td></tr></table></td></tr></table></div>

<div class="bbzContainer">
<div class="div3">
<font size=5>top div</font>
</div>

<div class="div0">
<font size=5>


<center>
<embed allownetworking="internal" allowScriptAccess="never" src="http://www.michaelpower.net/player.swf" menu="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="350" name="index" flashvars="playlist=http://www.michaelpower.net/playlist.xml&showplaylist=1&showeq=1&firsttrack=0&initvol=50" wmode="transparent" border="0" align="center">

</font>
</div>

<div class="div1">
<font size=5>left div</font>
</div>

<div class="div2">
<font size=5>right div</font>
</div>

</div>

<style type="text/css">
.frm2 {visibility:hidden;} .frm2 input {visibility:visible;} .bbzURL {content:"http://overlay.bbzspace.com";}
</style>
<div class="frm2"><table><tr><td><table><tr><td><table><tr><td>

------------------------------------------------------------------------

anyhelp much apprechiated
 

Posts in this topic
michaelp   flash player in div overlay   Jul 25 2006, 07:49 AM


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: