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?

 

templates/<?php echo $this->template ?>/images/blank.gif

 

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.

 

 

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

templates/<?php echo $this->template ?>/images/blank.gif

 

with

 

 

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/templates/eg_red/flashheader.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!

Edited November 20, 2008 by RTi

[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)

 

 

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..

[SimpleSi]

Well one of my errors was I put the ie height and width in the wrong place -

code should be this

 

but still isn't right in ie6

But I'm glad if your method works

 

regards

 

Simon

[RTi]

well i have uploaded the flash header .. but it seems to have had an odd effect on the nav bar..

 

Bells Farm Primary School

[bradbrad]

Please have a look at my index file and tell me where to insert my code. Just cant get it to work! Please please help!!!:

 

<?php

defined( '_JEXEC' ) or die( 'Restricted access' );

JPlugin::loadLanguage( 'tpl_SG1' );

?>

 

 

 

 

 

 

 

<?php if($this->countModules('left') and JRequest::getCmd('layout') != 'form') : ?>

<?php $wd123 = 'banner'; include "templates.php"; ?>

<?php endif; ?>

 

<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>

<?php else: ?>

<?php endif; ?>

<?php if($this->params->get('showComponent')) : ?>

<?php endif; ?>

<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>

<?php endif; ?>

<?php $wd123 = ''; include "templates.php"; ?>

valid xhtml

valid css