Hi,

I hope someone can help me, this is my first go at trying to change the actual code to create a bespoke template! I am working on dragons.digi-blue.co.uk, using version 1.3.9 h. I would like to replace the links for my top nav (home, specials, account, etc.) with images. I have already created these and added them to includes/templates/MY_TEMPLATE/images. In my tpl_header.php, I have this as:

<?php require($template->get_template_dir('tpl_top_nav.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_top_nav.php'); ?>

On my tpl_top_nav.php, I have this code:

<div id="top_nav">
<div id="tab_nav">
<ul class="list-style-none">
<?php
if ($current_page_base == 'index') { $active = 'tab_active';
} else { $active = '';
}?>
<li class="<?php echo $active;?>"><a href="<?php echo '' . HTTP_SERVER . DIR_WS_CATALOG;?>"><?php echo TOP_MENU_HOME;?></a></li>

<?php
if ($current_page_base == 'products_new') { $active = 'tab_active';
} else { $active = '';
}?>
<li class="<?php echo $active;?>"><a href="index.php?main_page=products_new"><?php echo TOP_MENU_NEW_PRODUCTS;?></a></li>

<?php
if ($current_page_base == 'specials') { $active = 'tab_active';
} else { $active = '';
}?>
<li class="<?php echo $active;?>"><a href="index.php?main_page=specials"><?php echo TOP_MENU_SPECIALS;?></a></li>

<?php
if ($current_page_base == 'featured_products') { $active = 'tab_active';
} else { $active = '';
}?>

How can I change the code to pull up my images rather than the links? I have seen this link (http://www.zen-cart.com/showthread.p...eck+link+image) but it is a bit different from the top nav!