Premium Joomla Templates

  • Categories
    View categories that are created for the site and filter discussions by categories.
andym on Sunday, May 27 2012, 08:07 PM

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:

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

  • Replied by zahir on Monday, May 28 2012, 12:36 PM
    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!">
        <!-- banner module -->

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

    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!

  • Replied by andym on Monday, May 28 2012, 08:53 PM · Hide · #1
    Great! Very clear and simple. Today is a holiday in the US (Memorial Day) so I'm off duty but I'll make a backup and try this tomorrow. Thanks much and cheers!
    Replied by zahir on Monday, May 28 2012, 10:07 PM · Hide · #2
    Sounds Good. Hope you're having a good break!
Your Response
Please login first in order for you to submit comments

Recent Themes

The Joomla!™ name is used under a limited license from Open Source Matters in the United Statesand other countries. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.