Custom Navigation buttons not showing up

[PixelColada]

Here is my old site with the old buttons from CPG 1.3

I made some custom navbar buttons(png) for 1.3.  I'm trying to use the same buttons with 1.4.  Use FF or Opera to look at this correctly.

Here is the new site. 
But I can't figure out how to modify theme.php to show the buttons.  Every time I cut and paste, I get errors.  I'm not very good with php.

Any help will be appreciated.

Thanks,
Sheff

[Gizmo]

Do you have this line in your theme.php file? If not, add it near the top with the others that might be there.

Code Select Expand

define('THEME_HAS_NAVBAR_GRAPHICS', 1);

[PixelColada]

I do have it, but it looks for the files as gif files and what I have created are png files.  I don't know how to state in the theme that the images are a different format rather than simply a different file with same name.

[Gizmo]

It would be easier to convert them to gifs. If you don't have a graphics program handy, you can try this online version - http://www.coolutils.com/Online-Image-Converter.php

Maybe this one is better - http://tools.dynamicdrive.com/imageoptimizer/index.php

[Gizmo]

My deepest apologies. I was thinking of something else so here's where you can edit the file name. Copy this code from the sample>theme.php and paste it into your theme.php and edit the file names.

Code Select Expand


// HTML template for the image navigation bar
$template_img_navbar = <<<EOT

        <tr>
                <td align="center" valign="middle" class="navmenu" width="48">
                        <a href="{THUMB_TGT}" class="navmenu_pic" title="{THUMB_TITLE}"><img src="{LOCATION}images/thumbnails.gif" align="middle" border="0" alt="{THUMB_TITLE}" /></a>
                </td>
                <td align="center" valign="middle" class="navmenu" width="48">
                        <a href="javascript:;" class="navmenu_pic" onclick="blocking('picinfo','yes', 'block'); return false;" title="{PIC_INFO_TITLE}"><img src="{LOCATION}images/info.gif" border="0" align="middle" alt="{PIC_INFO_TITLE}" /></a>
                </td>
                <td align="center" valign="middle" class="navmenu" width="48">
                        <a href="{SLIDESHOW_TGT}" class="navmenu_pic" title="{SLIDESHOW_TITLE}"><img src="{LOCATION}images/slideshow.gif" border="0" align="middle" alt="{SLIDESHOW_TITLE}" /></a>
                </td>
                <td align="center" valign="middle" class="navmenu" width="100%">
                        {PIC_POS}
                </td>
<!-- BEGIN report_file_button -->
                <td align="center" valign="middle" class="navmenu" width="48">
                        <a href="{REPORT_TGT}" class="navmenu_pic" title="{REPORT_TITLE}"><img src="{LOCATION}images/report.gif" border="0" align="middle" alt="{REPORT_TITLE}" /></a>
                </td>
<!-- END report_file_button -->
<!-- BEGIN ecard_button -->
                <td align="center" valign="middle" class="navmenu" width="48">
                        <a href="{ECARD_TGT}" class="navmenu_pic" title="{ECARD_TITLE}"><img src="{LOCATION}images/ecard.gif"  border="0" align="middle" alt="{ECARD_TITLE}" /></a>
                </td>
<!-- END ecard_button -->
                <td align="center" valign="middle" class="navmenu" width="48">
                        <a href="{PREV_TGT}" class="navmenu_pic" title="{PREV_TITLE}"><img src="{LOCATION}images/prev.gif"  border="0" align="middle" alt="{PREV_TITLE}" /></a>
                </td>
                <td align="center" valign="middle" class="navmenu" width="48">
                        <a href="{NEXT_TGT}" class="navmenu_pic" title="{NEXT_TITLE}"><img src="{LOCATION}images/next.gif"  border="0" align="middle" alt="{NEXT_TITLE}" /></a>
                </td>
        </tr>

EOT;


[PixelColada]

That did the trick.   Really cool that you got back to me so quickly.  Thanks a lot.