Image map in header

Locked
Results 1 to 7 of 7
This thread is locked. New replies are disabled.
24 Feb 2008, 17:44
#1
beth_katherine avatar

beth_katherine

Zen Follower

Join Date:
Feb 2007
Posts:
158
Plugin Contributions:
0

Image map in header

I want to make my logo banner an image map but can't figure out which file do I put the image map coding. Is it just in the header file or on the stylesheet?

Beth-katherine

P.S. I did a search on the term Image Map but didn't find anything quickly.
24 Feb 2008, 18:31
#2
misty avatar

misty

Inactive

Join Date:
Apr 2004
Posts:
5,752
Plugin Contributions:
1

Re: Image map in header

/includes/templates/nameofyourtemplate/common/tpl_header.php
24 Feb 2008, 20:28
#3
beth_katherine avatar

beth_katherine

Zen Follower

Join Date:
Feb 2007
Posts:
158
Plugin Contributions:
0

Re: Image map in header

Thanks for the reply.

I'm not sure where to put the code on that page, could you be more specific?

Here's are image map coordinates:

<img name="mainheader" src="mainheader.gif" usemap="#m_mainheader" alt="" border="0" height="200" width="800">
<map name="m_mainheader"><area shape="rect" coords="668,130,779,200" href="http://www.myshop.com/zen_cart/store/index.php?main_page=contact_us" alt=""><area shape="rect" coords="620,131,668,200" href="http://www.myshop.com/faq.htm" alt=""><area shape="rect" coords="511,131,619,200" href="http://www.myshop.com/newsletter.htm" alt=""><area shape="rect" coords="397,130,510,200" href="http://www.myshop/zen_cart/store/index.php?main_page=login" alt=""><area shape="rect" coords="315,130,395,200" href="http://www.www.myshop.com/gallery/" alt=""><area shape="rect" coords="255,129,314,200" href="http://www.myshop.blogspot.com" target="_blank" alt=""><area shape="rect" coords="184,127,255,199" href="http://www.myshop.com/about.htm" alt=""><area shape="rect" coords="123,127,184,199" href="http://myshop.com/zen_cart/store" alt=""><area shape="rect" coords="0,127,122,199" href="http://www.myshop.com" alt="">

Into which code do I insert this on the header template.

Beth-Katherine
25 Feb 2008, 05:30
#4
davewest avatar

davewest

Totally Zenned

Join Date:
Dec 2007
Posts:
1,075
Plugin Contributions:
5

Re: Image map in header

I would try under

<div id="navMainWrapper">


The img tag is the only part of it that needs to be where you want it to show. The map can be anywhere on the page.
09 Jun 2008, 05:12
#5
mishutkadesign avatar

mishutkadesign

New Zenner

Join Date:
May 2008
Posts:
73
Plugin Contributions:
0

Re: Image map in header

You put it after this:

<!--bof-header logo and navigation display-->
<?php
if (!isset($flag_disable_header) || !$flag_disable_header) {
?>

<div id="headerWrapper">


Hope this helps!
27 Jun 2008, 23:36
#6
rkayw avatar

rkayw

New Zenner

Join Date:
Jun 2008
Posts:
32
Plugin Contributions:
0

Re: Image map in header

Hi,
I am attempting to use my header logo img as a image map, also.

http://uniquescrapart.com/shop/

I have tried inserting it in the tpl_header.php, but it's not working. obviously I'm missing something else that needs to be done to make the map links work.

please help.
28 Jun 2008, 00:21
#7
rkayw avatar

rkayw

New Zenner

Join Date:
Jun 2008
Posts:
32
Plugin Contributions:
0

Re: Image map in header

never mind, I got it inserted.