Is it possible to create a Hotspot Link?

[dothanbydesign]

If I create a new logo and add text/words on it in photoshop, I can create a link to external pages or ez pages using a hotspot over each word.
How do I load this to the header area? ( I know how to replace the logo.gif it is getting rid of the old link associated with the default logo and making my new links work that is the issue.) It is named to replace the existing logo.gif. The logo with the links work when I place it on a html page for testing, now I need to load it to the site and replace the existing logo.gif.

[kobra]

You would create an image map and enter it in your copy of tpl_header.php

Google for insight into how to write an image map

[fairestcape]

I assume you understand that it's not the image that does the linking, but (as Kobra indicates) the underlying "map" which designates url's to mapped co-ordinates.

Do you know how to create the html that drives the map?

(And, once you've created it, where to put it?)

[dothanbydesign]

Thanks for the input, no I am not familar with mapping an image I will do some research but please send any info you have time for.

Thanks to all.

[dothanbydesign]

OK I did some reading on this, I typically use Dreamweaver to do this in a html document would I do this and place the html code in the header area?

[kobra]

I don't use DW so I can not atteat that the code it generates will be correct but in general to answer your question - Yes

[fairestcape]

and place the html code in the header area?

Be VERY CAREFUL about what bits of clipped code you place in the header!

[mishutkadesign]

I successfully created hotspot links in the header, but when I tried to set them up for an image placed in a blank box (I downloaded the blank box mod) -- it doesn't work. Any idea what I'm doing wrong? Thank you!

Here is the link to my site: http://www.mishutkadesign.com//index...page=page&id=2

[stevesh]

I assume that the New Items, Customize, etc. is the image in question?

The way I did this for a new cart I'm building was to set up a list in the blank sidebox (in your case, 4) with the anchors in the list item, each with it's own id.

Then I did the rest in the stylesheet, by using the image as the background in the sidebox and defining the image map areas by id (#) for size and placement.

Google for CSS imagemap - lots of info out there.

[mishutkadesign]

stevesh, thanks for your reply!

I should have been more specific: the image in question is in the left column (the one with 4 squares). I have the image map set up for 4 sections of the image, but the "hand" doesn't appear (hence the links don't work).

The image is placed in the in a blank box (from the blank box mod); not sure if this is affecting the map's behaviour? Here is the code:

<?php
/**
* blank sidebox - allows a blank sidebox to be added to your site
*/

$content = '';
$content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent">';

// Replace the text and HTML tags between the apostophes.
// Use as many or as few lines using this model as you need for your custom content.

$content .= '<p></p>';
$content .= '<img src="includes/templates/MDS/images/sidebox-nav.gif" alt="" width="200" height="200" border="0" usemap="#Map" /><map name="Map" id="Map">
<area shape="rect" coords="0,-2,96,96" href="http://www.mishutkadesign.com//index.php?main_page=page&amp;id=19" />
<area shape="rect" coords="106,1,201,96" href="http://www.mishutkadesign.com//index.php?main_page=page&amp;id=20" />
<area shape="rect" coords="0,105,96,199" href="http://www.mishutkadesign.com//index.php?main_page=page&amp;id=21" />
<area shape="rect" coords="104,104,201,199" href="http://www.mishutkadesign.com//index.php?main_page=page&amp;id=22" />
</map>';

$content .= '</div>';
?>