Image map in the header image

  • Tamas


    Hi, again!

    See my site’s header image:

    It is composed of several parts.

    I would like to have ho-spots in this image, an image-map, so one may click on different parts of the image and being linked to the appropriate page.

    How may one put a clickable image map in the header image?




    Kenneth John Odle


    Moved to Support. Please be sure to post in the correct section.

    Try using a Graphene action hook widget area to place the header map info in the header of the document.



    Oké, I shall test it… and will come back with feedback.

    Thanks, Kenneth!



    Kenneth John Odle


    I don’t know if you have the image map already. If not, here’s a generator:

    or this one:



    This is really very nice from you! Thanks, Kenneth, a lot!

    I will see both of them. Up to now I was using Gimp for all image editing.

    It’s interesting to learn new tools, as well.

    I will come back here with the results.



    Kenneth John Odle


    I use GIMP for image editing on a PC; I didn’t know it could do image maps.

    Always good to have extra tools.



    Gimp > Filters > Web > Image map

    This is where mine is, under Ubuntu.

    I have tested, and placed the result into graphene_before_content-main widget area. Cool! It works nice!


    (Well, I made only the first one working fully, first from the right, I mean… as this is a Hebrew page, with reading right to left.)

    See it at work here:



Viewing 7 posts - 1 through 7 (of 7 total)

  • You must be logged in to reply to this topic.
Graphene Themes Forum