Replace header image with flash?

[RTi]

was just wondering if its possible to replace the standard header png with a flash file instead?

[SimpleSi]

You "just" need to modify the template main file index.php in your template folder and you can stick in anything you like

regards

Simon

[RTi]

hmm.. i take it i need to make some changes in the header part?

<div id="header">
<div id="headerl"><a href="<?php echo $this->url ?>"><img src="templates/<?php echo $this->template ?>/images/blank.gif" width="192" height="36" alt="<?php echo $mainframe->getCfg('sitename');?>" border="" /></a></div>

im quite new to all this web dev stuff.. so just learning as i go along..

[RTi]

well i tried to follow the steps from Joomla theme - Joomla Themes, Joomla Web Design, Free Templates - Flash Header Template

but it didnt work...

[SimpleSi]

It works for me on a locally hosted test site just modifying the eg_default1.5 template.

<div id="headerl"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100" height="50">
    <param name="movie" value="http://localhost/creativeassemblydec2007.swf">
    <param name="quality" value="high">
    <embed src="http://localhost/creativeassemblydec2007.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="50"></embed>
  </object> </div>

I just replaced the "your flash header file name goes here.swf" with the path/filename of a test file I had lying around.

(I did find that I had to have the full "http://....." as it didn't like a relative path at first!

regards

Simon

[RTi]

yes i have just put the full path in..and it worked.. but how do i get it to go in the header position?

[SimpleSi]

Replace your

<div id="headerl"><a href="<?php echo $this->url ?>"><img src="templates/<?php echo $this->template ?>/images/blank.gif" width="192" height="36" alt="<?php echo $mainframe->getCfg('sitename');?>" border="" /></a></div>

with

<div id="headerl"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100" height="50">
    <param name="movie" value="http://localhost/creativeassemblydec2007.swf">
    <param name="quality" value="high">
    <embed src="http://localhost/creativeassemblydec2007.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="50"></embed>
  </object> </div>

BTW the proper way to do is is to use a template with a module position in the header such as the e.g. simple series/rokwebify which have a newsflash module in that position and then publish some extension module that displays swf files into that module position (and disable the newsflash module)

But if its only one site your ever going to do then just bodge it like above

regards

Simon

[RTi]

cheers! will have a look later...

dont think iv seen a flash header on any of the edujoomla sites so far..

[RTi]

hmmm.. i tried that and it does work.. but the position of the flash file isnt correct..

it needs to go more to the left and be higher..

[SimpleSi]

Probably need to start playing with your .css file then and adjust parameters of header1

Can you post a link to your flash file?

regards

Simon

[RTi]

url of test flash file..

http://www.kneaz.org/theoaks/templat...lashheader.swf

its just a blank file.. but has the same dimensions as the header image..

[RTi]

well i have setup a local test site... and got the flash file where i need it.. but it looks like its added some sort of padding as theres some extra white space underneath the file..

[RTi]

right..i have rem'd out the #header in template.css and it has taken away the white space..but as you can see from the photo the menu is now not aligned!

[SimpleSi]

Sorry about delay in looking into this

I thought I'd cracked it easily - I just rem'd the css code out in header1

#headerl{
/*
	position: relative;
	top: 30px;
	left: 26px;
	float: left;
	text-align: left; /* ie */
*/
	}

or more simply

#headerl{

	}

and constrained the swf to 922px by 150px (same as header image)

    	<div id="headerl">
			<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0">
				<param name="movie" value="http://localhost/flashheader.swf" height="150px" width="922px">
				<param name="quality" value="high">
				<embed src="http://localhost/flashheader.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" height="150px" width="922px"></embed>
			</object> 
		</div>

and bobs your uncle (see ff.png)

but then I thought - better see what its like in IE6 (see ie6.png)

but YMMV

regards
Simon

[RTi]

erm that didnt work properly... but i think iv done it!

remd out header as well adn then unremd the margin entry for the navbar.. and set to 11. seems ok in ie and ff .. on my local test site..

will try and replicate it to the live site tomorrow..

thanks for your help..