Replace Navigation Bar with Image

[themainebaby]

I'd like to add an image to the header bar, below the logo, and then keep the navigation bar as is, but use images instead of text for the links. I'd also like to make the header section a little bigger. What is the easiest way to do this.

 

 

Thanks

[♥Vger]

Change this:

<a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>

 

to this:

<a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART); ?>" class="headerNavigation"><img src="images/yourimage.gif"></a>

 

Vger

[themainebaby]

What file is this in?

Thanks!

[♥Vger]

includes/header.php

 

Vger

[themainebaby]

That's perfect. Is there also a way to put in a background image along the entire bar?

 

Thanks!

[themainebaby]

Also - there is a box around the image, is there a way to get rid of that?

[♥Vger]

This is basic html, which you really need to learn for yourself. But just this one time - the reason there's a box around the image is because it is a link so you need to add border=0, as in:

 

<a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART); ?>" class="headerNavigation"><img src="images/yourimage.gif" border=0></a>

 

For images that are static (are not links) you don't need to add a border command.

 

Yes, you can set a background image for the header, but you need to create a style in the stylesheet and use it for the header. You can find loads of info on css by searching Google or going to www.w3c.org.

 

Vger

[themainebaby]

Thank you so much. Basic html I can handle, but when it's with the php I get a little lost!

 

Thanks!