Forums / Templates, Stylesheets, Page Layout / Can someone help me with an image map header?

Can someone help me with an image map header?

Locked

Views: 1,345

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
28 Apr 2008, 12:02 AM
#1
tolefairy avatar

tolefairy

Zen Follower

Join Date:
Feb 2007
Location:
West Texas
Posts:
122
Plugin Contributions:
0

Can someone help me with an image map header?

I know how to create the image

I know how to create the hot spots and code

What I dont know is where and what I do with theses two.

Let's say I assume I upload the image to the same place where I have my current header. (I don't use a logo)

If that's correct, I know I need to do some "defines" but really need some hand holding on what to write and where to put it.

Any and all help greatly appreciated!

28 Apr 2008, 1:00 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Can someone help me with an image map header?

If yours is similar and you have a defined map - in a copy of the tpl_hrader.php for your template try this inserting your code & links but retaining some NEW div for it. If later you need to adjust something allowed in the css(red is existing)

<!--bof-branding display-->
<div id="logoWrapper">
<div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?>

<!-- begin top navigation -->
<div id="navHead">
<img name="xxxxxxxxxxxxxx" src="file://url...images/image.gif" width="800" height="200" border="0" usemap="#m_xxxxxxxxxxxxxxx" alt="">
<map name="m_xxxxxxxxxxxxxxx">
<area shape="rect" coords="668,130,779,200" href="http://www.domain.com/zen_cart/store/index.php?main_page=contact_us" alt="" >
<area shape="rect" coords="620,131,668,200" href="http://www.domain.com/faq.htm" alt="" >
<area shape="rect" coords="511,131,619,200" href="http://www.domain.com/newsletter.htm" alt="" >
<area shape="rect" coords="397,130,510,200" href="http://www.domain.com/zen_cart/store/index.php?main_page=login" alt="" >
<area shape="rect" coords="315,130,395,200" href="http://www.domain.com/gallery/" alt="" >
<area shape="rect" coords="255,129,314,200" href="http://www.domain/blogspot.com" target="_blank" alt="" >
<area shape="rect" coords="184,127,255,199" href="http://www.domain.com/about.htm" alt="" >
<area shape="rect" coords="123,127,184,199" href="http://www.domain.com/some page" alt="" >
<area shape="rect" coords="0,127,122,199" href="http://www.domain.com" alt="" >
</map>
<!-- end top nav --></div>
</div>

Zen-Venom Get Bitten

28 Apr 2008, 1:12 AM
#3
tolefairy avatar

tolefairy

Zen Follower

Join Date:
Feb 2007
Location:
West Texas
Posts:
122
Plugin Contributions:
0

Re: Can someone help me with an image map header?

Thank you so much! I will give it a try and will post back on results.

Did you know that this same question has been asked at least 8 times that I could find in the forum, and no one ever gave an answer until YOu! Some ppl gave Partial answers then abandoned the thread.........

so thank you again!