+ Post New Thread
Page 1 of 2 12 LastLast
Results 1 to 15 of 18
EduGeek Joomla 1.5 Package Thread, Replace header image with flash? in Projects:; was just wondering if its possible to replace the standard header png with a flash file instead?...
  1. #1
    RTi
    RTi is offline

    Join Date
    Feb 2008
    Location
    Birmingham
    Posts
    153
    Thank Post
    23
    Thanked 15 Times in 10 Posts
    Rep Power
    16

    Replace header image with flash?

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

  2. #2

    SimpleSi's Avatar
    Join Date
    Jun 2005
    Location
    Lancashire
    Posts
    5,829
    Thank Post
    1,476
    Thanked 594 Times in 446 Posts
    Rep Power
    169
    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

  3. #3
    RTi
    RTi is offline

    Join Date
    Feb 2008
    Location
    Birmingham
    Posts
    153
    Thank Post
    23
    Thanked 15 Times in 10 Posts
    Rep Power
    16
    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..

  4. #4
    RTi
    RTi is offline

    Join Date
    Feb 2008
    Location
    Birmingham
    Posts
    153
    Thank Post
    23
    Thanked 15 Times in 10 Posts
    Rep Power
    16
    well i tried to follow the steps from Joomla theme - Joomla Themes, Joomla Web Design, Free Templates - Flash Header Template

    but it didnt work...

  5. #5

    SimpleSi's Avatar
    Join Date
    Jun 2005
    Location
    Lancashire
    Posts
    5,829
    Thank Post
    1,476
    Thanked 594 Times in 446 Posts
    Rep Power
    169
    It works for me on a locally hosted test site just modifying the eg_default1.5 template.

    Code:
    <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

  6. #6
    RTi
    RTi is offline

    Join Date
    Feb 2008
    Location
    Birmingham
    Posts
    153
    Thank Post
    23
    Thanked 15 Times in 10 Posts
    Rep Power
    16
    yes i have just put the full path in..and it worked.. but how do i get it to go in the header position?

  7. #7

    SimpleSi's Avatar
    Join Date
    Jun 2005
    Location
    Lancashire
    Posts
    5,829
    Thank Post
    1,476
    Thanked 594 Times in 446 Posts
    Rep Power
    169
    Replace your
    Code:
    <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

    Code:
    <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

  8. Thanks to SimpleSi from:

    RTi (17th November 2008)

  9. #8
    RTi
    RTi is offline

    Join Date
    Feb 2008
    Location
    Birmingham
    Posts
    153
    Thank Post
    23
    Thanked 15 Times in 10 Posts
    Rep Power
    16
    cheers! will have a look later...

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

  10. #9
    RTi
    RTi is offline

    Join Date
    Feb 2008
    Location
    Birmingham
    Posts
    153
    Thank Post
    23
    Thanked 15 Times in 10 Posts
    Rep Power
    16
    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..

    Replace header image with flash?-untitled-2.gif

  11. #10

    SimpleSi's Avatar
    Join Date
    Jun 2005
    Location
    Lancashire
    Posts
    5,829
    Thank Post
    1,476
    Thanked 594 Times in 446 Posts
    Rep Power
    169
    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

  12. #11
    RTi
    RTi is offline

    Join Date
    Feb 2008
    Location
    Birmingham
    Posts
    153
    Thank Post
    23
    Thanked 15 Times in 10 Posts
    Rep Power
    16
    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..

  13. #12
    RTi
    RTi is offline

    Join Date
    Feb 2008
    Location
    Birmingham
    Posts
    153
    Thank Post
    23
    Thanked 15 Times in 10 Posts
    Rep Power
    16
    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..

    Replace header image with flash?-flashheader.gif

  14. #13
    RTi
    RTi is offline

    Join Date
    Feb 2008
    Location
    Birmingham
    Posts
    153
    Thank Post
    23
    Thanked 15 Times in 10 Posts
    Rep Power
    16
    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!
    Attached Thumbnails Attached Thumbnails Replace header image with flash?-flashheader3.gif  
    Last edited by RTi; 21st November 2008 at 12:37 AM.

  15. #14

    SimpleSi's Avatar
    Join Date
    Jun 2005
    Location
    Lancashire
    Posts
    5,829
    Thank Post
    1,476
    Thanked 594 Times in 446 Posts
    Rep Power
    169
    Sorry about delay in looking into this

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

    Code:
    #headerl{
    /*
    	position: relative;
    	top: 30px;
    	left: 26px;
    	float: left;
    	text-align: left; /* ie */
    */
    	}
    or more simply
    Code:
    #headerl{
    
    	}
    and constrained the swf to 922px by 150px (same as header image)

    Code:
        	<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
    Attached Thumbnails Attached Thumbnails Replace header image with flash?-ff.png   Replace header image with flash?-ie6.png  

  16. #15
    RTi
    RTi is offline

    Join Date
    Feb 2008
    Location
    Birmingham
    Posts
    153
    Thank Post
    23
    Thanked 15 Times in 10 Posts
    Rep Power
    16
    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..



SHARE:
+ Post New Thread
Page 1 of 2 12 LastLast

Similar Threads

  1. RT_Rokwebify Header Issue
    By SYSMAN_MK in forum EduGeek Joomla 1.5 Package
    Replies: 12
    Last Post: 30th June 2008, 06:20 PM
  2. header and blank
    By apoth0r in forum EduGeek Joomla 1.0 Package
    Replies: 4
    Last Post: 25th February 2008, 08:26 PM
  3. [CLOSED] Missing Content: Missing Image for a flag & flash
    By FN-GM in forum EduGeek.net Site Problems
    Replies: 1
    Last Post: 11th February 2008, 10:02 AM
  4. Strange header problem
    By dagza in forum EduGeek Joomla 1.0 Package
    Replies: 2
    Last Post: 21st January 2008, 10:14 PM
  5. Replies: 5
    Last Post: 14th January 2008, 12:39 AM

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •