Results 1 to 7 of 7
  1. #1
    Join Date
    Feb 2007
    Posts
    159
    Plugin Contributions
    0

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

  2. #2
    Join Date
    Apr 2004
    Location
    UK
    Posts
    5,821
    Plugin Contributions
    2

    Default Re: Image map in header

    /includes/templates/nameofyourtemplate/common/tpl_header.php

  3. #3
    Join Date
    Feb 2007
    Posts
    159
    Plugin Contributions
    0

    Default 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.##########################" 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
    Last edited by Beth-katherine; 24 Feb 2008 at 09:29 PM. Reason: typos

  4. #4
    Join Date
    Dec 2007
    Location
    Payson, AZ
    Posts
    1,076
    Plugin Contributions
    15

    Default Re: Image map in header

    I would try under

    Code:
    <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.
    Dave
    Always forward thinking... Lost my mind!

  5. #5
    Join Date
    May 2008
    Location
    Maryland, USA
    Posts
    73
    Plugin Contributions
    0

    Default Re: Image map in header

    You put it after this:

    Code:
    <!--bof-header logo and navigation display-->
    <?php
    if (!isset($flag_disable_header) || !$flag_disable_header) {
    ?>
    
    <div id="headerWrapper">
    Hope this helps!

  6. #6
    Join Date
    Jun 2008
    Posts
    32
    Plugin Contributions
    0

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

  7. #7
    Join Date
    Jun 2008
    Posts
    32
    Plugin Contributions
    0

    Default Re: Image map in header

    never mind, I got it inserted.

 

 

Similar Threads

  1. image map header...
    By florence in forum Templates, Stylesheets, Page Layout
    Replies: 14
    Last Post: 26 Dec 2011, 04:29 PM
  2. Image Map Header: Is it possible?
    By Dorothy pcnc in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 29 Oct 2010, 05:25 PM
  3. Image Map to Logo/Header
    By john4803 in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 10 Aug 2010, 03:49 PM
  4. Header Image Map
    By joe051864 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 27 Jul 2009, 10:55 AM
  5. Image map in header
    By Extence in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 26 Feb 2008, 09:13 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg