Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Position of image map WordPress

  • SOLVED

Hi,

I want to place the below image map code instead of the header image at this website:
[[LINK href="http://www.airlinestaffrates.com/travelmagazine"]]http://www.airlinestaffrates.com/travelmagazine[[/LINK]]

Where do I insert the code? In which file?

Thanks

Charlotte

<div style="text-align:center; width:980px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_5201108030707407" src="http://www.airlinestaffrates.com/travelmagazine/wp-content/uploads/2011/08/ASR-travelmagazine-header.jpg" usemap="#Image-Maps_5201108030707407" border="0" width="980" height="89" alt="" />
<map id="_Image-Maps_5201108030707407" name="Image-Maps_5201108030707407">
<area shape="rect" coords="10,10,441,60" href="http://www.airlinestaffrates.com/travelmagazine" alt="Airline Staff Rates - Travel magazine" title="Airline Staff Rates - Travel magazine" />
<area shape="rect" coords="503,23,934,73" href="http://www.airlinestaffrates.com" alt="Airline Staff Rates" title="Airline Staff Rates" />
<area shape="rect" coords="978,87,980,89" href="http://www.image-maps.com/index.php?aff=mapped_users_5201108030707407" alt="Image Map" title="Image Map" />
</map>
</div>

Answers (2)

2011-08-04

Hai Bui answers:

Edit this file
/travelmagazine/wp-content/themes/cadabrapress/header.php
and replace
<a href="http://www.airlinestaffrates.com/travelmagazine/"><img src="http://www.airlinestaffrates.com/travelmagazine/wp-content/uploads/2011/08/ASR-travelmagazine-header.jpg" alt="Airline Staff Rates &#8211; travel magazine" /></a>
with your image map code.


Charlotte Raboff comments:

Thanks.... but I canĀ“t find that code in the header.php file.... Which line?


Hai Bui comments:

It may not be exactly that code, but similar, it's inside <div class="logo">...</div>


Hai Bui comments:

find and replace these lines with your image map code (in header.php):
<a href="<?php echo get_option('home'); ?>/">
<?php if (strlen($wpzoom_misc_logo_path) > 1) { ?>
<img src="<?php echo "$wpzoom_misc_logo_path";?>" alt="<?php bloginfo('name'); ?>" />
<?php } else { ?><img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" /><?php } ?>
</a>

2011-08-04

Ram Kumar answers:

search this one:

<div id="topbar" class="dropdown">
<div class="logo">
<a href="http://www.airlinestaffrates.com/travelmagazine/"><img src="http://www.airlinestaffrates.com/travelmagazine/wp-content/uploads/2011/08/ASR-travelmagazine-header.jpg" alt="Airline Staff Rates &#8211; travel magazine" /></a>
</div>

here you paste your code:

bla bla bla

that's it.


Ram Kumar comments:

if it is not in header.php just check out index.php.