Premium Joomla Templates
Animated graphic/table in Neutrino Pro header?
Greetings: If this is covered elsewhere, please point me to a reference. I'll research this on the Theme Republic and Joomla support sites, but it occurred to me that someone here might have a quick answer.
I'd like to replace our 'static' JPEG header graphic in the Neutrino Pro template with a 3 cell HTML table so that photos in the banner can change over time. I chose to split the graphic into a table for faster loading and better color. I don't want to use Flash, so I built an animated GIF for the photo animation.
You can see a sample here: http://www.art101.com/101temp/dm
I've uploaded the graphics to our site but can't find the correct CSS file to edit and paste in the HTML code for the table. Any tips are appreciated.
I'd like to replace our 'static' JPEG header graphic in the Neutrino Pro template with a 3 cell HTML table so that photos in the banner can change over time. I chose to split the graphic into a table for faster loading and better color. I don't want to use Flash, so I built an animated GIF for the photo animation.
You can see a sample here: http://www.art101.com/101temp/dm
I've uploaded the graphics to our site but can't find the correct CSS file to edit and paste in the HTML code for the table. Any tips are appreciated.
The discussion has been resolved.
Accepted Answer
-
Hi Andy,
In your case, the existing header block can be modified as follows:
Locate the following snippent within the template's index.php file:
<div id="header"> <h1 id="logo" class="grid_16 alpha omega"> <!-- logo --> <a href="/" title="Destinations Mobility: Your key to Independence!"> <img src="/images/dm/n_banner.jpg" alt="Destinations Mobility: Your key to Independence!"> </a> </h1> <!-- banner module --> </div>
Then add your new table layout as shown below:
<div id="header"> <div id="logo" class="grid_16 alpha omega"> <!-- new table layout would go here... --> </div> </div>
Essentially, you will be removing the anchor tag <a> and the existing banner image tag and replacing it with the table. Also note that the enclosing <h1> has now been replaced with a <div> tag above. As always, ensure that you've made a backup before proceeding
Hope that helps!
2 responses Add Yours
ThemeRepublic.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.