Replacing the Header pic with GIF Animation


Author Message
Mel

Posted: 12/31/2009
Quote message 

Hello Everyone
this is my first post and using Artisteer to create my Joomla templates.
I searched to see if someone was having the same issue.

I created a template and later wanted to replace the header image with a soft transition GIF animation picture. I could the load the pic into the header but the animation does not work. The site is live but want to make this change

Can someone please let me know what I am doing wrong. :-/

Thanks


 
Garry

Posted: 12/31/2009
Quote message 

Artisteer doesn't support adding animated Gifs in header.

Good discussion is going on how to insert flash in Joomla header in following thread, you can try converting your animation to flash and then inserting it in header:

http://www.artisteer.com/?post_id=110256&p=forum_post
 
Sapphiron

Posted: 1/6/2010
Quote message 

I actually could insert a .gif image as a header. Y made a flash movie, exported as gif (of course using the same size than the header) went to /templates/Template_Name/css/style.css and modifed the header part, changing Header.jpg by Header.gif (That is the name i put to my gif image). I did refresh my page and work perfectly.

You can do this, but as garry says, i recommend you to try the insertion of .swf file, it works better and much with much better quality than the gif image.
 
Mel

Posted: 5/21/2010
Quote message 

:(

Hi Sapphiron. sorry to get back to you so late. Thanks so much for your message. I did try this out but it still did not work. can you be a bit more specific as I went into the folder. and edited the file. I am going to try again on the weekend. Thanks
 
Garry

Posted: 5/23/2010
Quote message 

Artisteer 2.4 version also have in built feature to insert flash in header.
 
Ur Computer Ade

Posted: 5/25/2010
Quote message 

Quote Mel:

:(

Hi Sapphiron. sorry to get back to you so late. Thanks so much for your message. I did try this out but it still did not work. can you be a bit more specific as I went into the folder. and edited the file. I am going to try again on the weekend. Thanks


Hi Mel is this what you are referring to? www.computerade.com.au
 
David Johnson

Posted: 5/26/2010
Quote message 

Sapphiron,
This is a 2 step process.

You must upload your animated gif image to your /templates/xxxxxx/image/ directory (does not have to be there but probably best to put it in the same folder as the original header image).

And you must change your CSS file to reference your new file name ending with ".gif". The CSS background image URL that needs to be changed is below:
========================================
div.art-header-png
{
position: absolute;
z-index: -2;
top: 0;
left: 0;
width: 898px;
height: 90px;
background-image: url('../images/header.png');
background-repeat: no-repeat;
background-position: left top;
}

div.art-header-jpeg
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 898px;
height: 90px;
background-image: url('../images/header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
========================================

Your index.php file will define whether your template uses the" div.art-header-jpeg" or the "div.art-header-png" code. Change both just to be safe to your new file name. Make sure you end the URL with ".gif"

 
Mel

Posted: 5/26/2010
Quote message 

Thanks for the Tips

Yes> Computer Ade, the header on your site animates, Yes i want to change my Artisteer template with that if its a GIF

David Thank you again, I will do your changes exactly (its very detail, Thanks) and I will update you both

cheers
 
Alex

Posted: 10/14/2013
Quote message 

Sto creando un template con Joomla. Nell' header (intestazione) ho messo uno slide show, un titolo e uno slogan. Quando testo l'animazione, il tutto funziona correttamente.
Ma una volta caricato il template sul sito, scompare il testo del titolo e dello slogan, mentre l'animazione dello slide show funziona perfettamente.
Come posso risolvere?
 
Jeorge H Waters

Posted: 7/2/2021
Quote message 

Ξέρετε πόσα χρήματα κατάφερα να εξοικονομήσω αγοράζοντας γενόσημα φάρμακα από διαδικτυακά φαρμακεία; Νομίζω πάρα πολύ. Ήμουν σκεπτικός σχετικά με αυτό. Αλλά όταν ένας φίλος μου είπε να χρησιμοποιήσω αυτό το φάρμακο εδώ, άρχισα να το παραγγέλλω μόνο στο Διαδίκτυο. Επιπλέον, εξοικονομεί πολύ χρόνο! https://andrikofarmakeio.com/tadalis-sx/