Sign Up! Login: Password: New User? Forgot? Support
Code 
 
 
Forums 
Forums : General Discussion > Floater Follow Up Question?
Savatage (Member) 10/24/2010 10:33 AM EST : Floater Follow Up Question?
Savatage
Posts: 662

0
Like

0
Dislike

Mottie said:
Hi Savatage!

You can float just about anything. For example, you can take your flash movie and wrap it in a div, then position it using CSS:
<style type="text/css">
 #myFloat { position:
absolute; top: 50px; left: 50px; }
</style>
<div id="myFloat">
 
<object>...</object>
</div>

  • Replace the code in blue with your flash movie embed code.
  • Put the code above into a freeform text/HTML widget anywhere on the page.
  • You can adjust where on the page the float appears by changing the values of top & left (in red)... or change those to bottom & right (from top & left) as needed.


I'm trying to center a Flash (.swf) floater in my banner area. The best I could come up with was this:
<style type="text/css">
    #myFloat { width: 1250; position: absolute; top: 50px; left: 50%; margin-left: -625px; right: 50%; margin-right: -625px; }
</style>
<div id="myFloat"><embed width="1250" height="500" src="http://www.axiomfiles.com/Files/342354/HoloMecrosa.swf" type="application/x-shockwave-flash" wmode="transparent"></embed>&nbsp; </div>

It works great as long as the resolution is greater than 1250px wide, but once you start to minimize past that the floater floats to the left and is no longer aligned.

On a similar note inserting this text into the Free Form HTML works great when I want float above the widgets, but how can I float behind like the one that is available in the control panel? I want to give a little life to the galaxy in the background.

MERCS
TopBottom

Mottie (SuperAdmin) 10/25/2010 7:47 AM EST : RE: Floater Follow Up Question?
ACK!
Mottie
Posts: 3883

0
Like

0
Dislike

Hi Savatage!

Maybe you want to just center the flash?... try this:
<style type="text/css">
 #myFloat { width: 1250px; margin: 0 auto; }
 .myText { text-align: center; position: relative; top: -230px; z-index: 100; }
</style>
And as for text you want to float above or below the flash or any other object, you need to make the text have a position (absolute, relative or fixed), then set its z-index to be above (positive) or below (negative) another object's z-index (default is zero). Example above is for ".myText" div included inside "#myFloat" which will be above the flash if the flash has wmode set to transparent.
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

 
 
Key 
New posts No new posts
New posts ( popular ) No new posts ( popular )
New posts ( sticky ) No new posts ( sticky )
New posts ( locked ) No new posts ( locked )
 
 
Who's Online 
There are   members online.
 
 
So-and-so has logged on!
%title%
%message%