Berserkir-Wolf

Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Berserkir-Wolf

    (@berserkir-wolf)

    I have placed the changes inside a child theme so as to preserve the changes through theme updates.
    Thank you for pointing that out – I had neglected to mention that.

    Thread Starter Berserkir-Wolf

    (@berserkir-wolf)

    Not being one to sit around waiting I did a bit of digging to try get this going.
    I found this:

    1) Under header.php, if you find “div id=header”, you can edit what links it has in place.

    2) To get the map to play nice, the map id needs removing and the name needs simplifying. I went with “map” (only one we’ll be running).

    So, where initially we had this (followed by the front page identification tags):
    $header_img = '<img src="' . $header_img . '" alt="' . $alt . '" width="' . HEADER_IMAGE_WIDTH . '" height="' . HEADER_IMAGE_HEIGHT . '" class="header-img" />';

    We now have this:
    $header_img = '<img src="' . $header_img . '" alt="' . $alt . '" width="' . HEADER_IMAGE_WIDTH . '" height="' . HEADER_IMAGE_HEIGHT . '" class="header-img" usemap="#Map"/>';

    And below the header img section (after closing that php area), I’ve added this:
    <map name="Map"><area shape="rect" alt="TEXT 1" title="TITLE 1" coords="0,0,1018,132" href="URL 1" target="" /><area shape="rect" alt="TEXT 2" title="TITLE 2" coords="1,134,1019,185" href="URL 2" target="" /></map>

    So what we’ve achieved is an image as the header with a map overlaid on the image. The map then contains fields allowing multiple links overlaid on the header image.
    Problem solved.

Viewing 2 replies - 1 through 2 (of 2 total)