Page 1 of 1

embed flash as header on template SOLVED

Posted: Wed Apr 21, 2010 9:30 am
by ozgirl
here is my problem I have searched other questions posted and cant seem to find a answer that works for me...

I have a theme template I am modifying, i would like the header to not be a gif but a flash right the way through the website,
I have downloaded SWFObject tag and put it into my uploads file/

in template i tried this... note




       
           
           
           
           
           
           
           
           
           
           
               
               

               
               


in my css i added this...

/* begin Header */
div.Header
{
 margin: 0 auto;
 position: relative;
 z-index:0;
 width: 880px;
 height: 175px;
}

div.Header-flash
{object src='test.swf' width='862' height='157' class='flashplayer'} {object src='test.swf' width='862' height='157'param='quality::high||bgcolor::#ffffff' alt='Download Flash Player'}

/* end Header */


I am not sure what I am doing wrong...

can anyone assist...
thank you in advance...

ps I am new to this so bear with me if i ask stupid questions... ;)

Re: embed flash as header on template

Posted: Wed Apr 21, 2010 9:45 am
by ozgirl
ozgirl wrote: here is my problem I have searched other questions posted and cant seem to find a answer that works for me...

I have a theme template I am modifying, i would like the header to not be a gif but a flash right the way through the website,
I have downloaded SWFObject tag and put it into my uploads file/

in template i tried this... note




       
           
           
           
           
           
           
           
           
           
           
               
               

               
               


in my css i added this...

/* begin Header */
div.Header
{
  margin: 0 auto;
  position: relative;
  z-index:0;
  width: 880px;
  height: 175px;
}

div.Header-flash
{object src='test.swf' width='862' height='157' class='flashplayer'} {object src='test.swf' width='862' height='157'param='quality::high||bgcolor::#ffffff' alt='Download Flash Player'}

/* end Header */


I am not sure what I am doing wrong...

can anyone assist...
thank you in advance...

ps I am new to this so bear with me if i ask stupid questions... ;)
i found this which was closest but stil diidn't work, just so you dont think i didn't do a search several times honest... How to insert a swf animation...

Re: embed flash as header on template

Posted: Thu Apr 22, 2010 8:07 pm
by stijlXpres
You could use this instead:

Code: Select all

<__script__ type="text/javascript">
AC_FL_RunContent( 'data','flash/movie.swf','type','application/x-shockwave-flash','width','400','height','160','movie','flash/movie','wmode','transparent' ); //end AC code
</__script><noscript><img src="images/picture-when-no-flash.png" alt="picture"/></noscript>

Re: embed flash as header on template

Posted: Fri Apr 23, 2010 4:51 pm
by SideshowBob
Hi Oz Girl,

Welcome to CMS Made Simple. I think you are nearly there with your header but I think you have a few things jumbled round. Try this:

Download 'Object Tag' from here: http://dev.cmsmadesimple.org/projects/objecttag and copy the file to the plugins folder. Now you can read the help for this tag from Extensions->Tags and selecting the Object tag.

Now, from the CSS, remove any 'tags', references to the swf file or any other non-standard code. Only valid CSS should exist here.

Now open your template and change it so the Header-flash part looks something like the below:

Code: Select all

<div class="Header-flash">{object src='uploads/test.swf' width='862' height='157' class='flashplayer'}</div>
Save, test and obviously don't forget to make sure that test.swf exists in the uploads folder.

Hope that helps,
Bob

Re: embed flash as header on template SOLVED

Posted: Mon Apr 26, 2010 2:49 am
by ozgirl
ok template nowhas this in it...



       
           
           
           
           
           
           
           
           
           
           
               
                {object src='uploads/test.swf' width='862' height='157' class='flashplayer'}


this in css...

/* begin Header */
div.Header
{
  margin: 0 auto;
  position: relative;
  z-index:0;
  width: 880px;
  height: 175px;
}



/* end Header */


and it worked so I cannot thank you enough