Premium Joomla Templates
CategoriesView categories that are created for the site and filter discussions by categories.
Animated graphic/table in Neutrino Pro header?
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.
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!
ThemeRepublic.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.