WordPress.org

Ready to get started?Download WordPress

Forums

Use Image Map Html in Header (7 posts)

  1. purpledani9
    Member
    Posted 1 year ago #

    Hello! I'm trying to use an image map as my header image. I've created the image, and the necessary html but I'm not sure where I need to insert that html. I'm thinking it will need to be in the header.php but really not sure. Any help would be appreciated!

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    In which theme?

  3. purpledani9
    Member
    Posted 1 year ago #

    Sorry! It's Platform Pagelines...the free program.

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    There's a theme called platform and a theme called pagelines here.
    Which do you have?

    Or are you not using a theme here?

  5. purpledani9
    Member
    Posted 1 year ago #

    It's Platform by Pagelines

  6. DeWilliam
    Member
    Posted 5 months ago #

    Hello,
    I'm new here, and it seems I encounter the same problem.

    My actual configuration
    - Version de WordPress : 3.8.1
    - Used theme: Lifestyle_20 (Studiopress)
    - Plugins en place : several
    - Hosting: http://www.one.com

    In my header.php file I would like to add several clickable areas. So I thought i would use IMAP with this part of code:

    <div class="headerright">
    <img src="http://wwww.ubhc.be/UBHC/wp-content/themes/Lifestyle_20/images/logo.png" alt="" height="100" width="961" usemap="#logo961x100cc1114" border="0">
    <map name="logo961x100cc1114">
    <area title="Région de Bruxelles Capitale" shape="rect" coords="722,23,756,59" href="http://www.bruxelles.irisnet.be/" alt="" target="_blank">
    <area title="Ville de Bruxelles - Sports" shape="rect" coords="757,23,791,59" href="http://www.bruxelles.be/artdet.cfm/4109" alt="" target="_blank">
    <area title="Commune de Schaerbeek - Sports" shape="rect" coords="792,23,828,59" href="http://www.schaerbeek.be/vivre-schaerbeek/organisation-politique-gestion-administrative-commune/elus/college/membres-college/sait-koese-6eme-echevin" alt="" target="_blank">
    <area title="Commune d'Anderlecht" shape="rect" coords="829,22,867,60" href="http://www.anderlecht.be/sports" alt="" target="_blank">
    <area title="ADEPS" shape="rect" coords="869,22,908,61" href="http://www.adeps.be/index.asp" alt="" target="_blank">
    <area title="LFH" shape="rect" coords="910,22,950,61" href="http://www.handball.be" alt="" target="_blank">
    </map>
    </div>

    I have changed many things to this code without success. The only thing it does is display the logo.png image.

    Any indication or help would be appreciated.

    The site is http://www.ubhc.be/UBHC
    Thanks in advance.
    William De Wulf

  7. DeWilliam
    Member
    Posted 4 months ago #

    Hi, solved!
    After many hours of modifying header.php I have also modified style.css
    The theme used is Lifestyle_20:
    style.css
    #header {
    background: #131637 url(images/logo.png);
    width: 960px;
    height: 100px;
    color: #FFFFFF;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    /* overflow: hidden;*/

    header.php
    <div id="header">

    <div class="headerleft">
    <img src="http://wwww.ubhc.be/UBHC/wp-content/themes/Lifestyle_20/images/logo.png" alt="" height="100" width="961" usemap="#logo961x100cc1114" border="0">
    <map name="logo961x100cc1114">
    <area title="RĂ©gion de Bruxelles Capitale" shape="rect" coords="722,23,756,59" href="http://www.bruxelles.irisnet.be/" alt="" target="_blank">
    <area title="Ville de Bruxelles - Sports" shape="rect" coords="757,23,791,59" href="http://www.bruxelles.be/artdet.cfm/4109" alt="" target="_blank">
    <area title="Commune de Schaerbeek - Sports" shape="rect" coords="792,23,828,59" href="http://www.schaerbeek.be/vivre-schaerbeek/organisation-politique-gestion-administrative-commune/elus/college/membres-college/sait-koese-6eme-echevin" alt="" target="_blank">
    <area title="Commune d'Anderlecht" shape="rect" coords="829,22,867,60" href="http://www.anderlecht.be/sports" alt="" target="_blank">
    <area title="ADEPS" shape="rect" coords="869,22,908,61" href="http://www.adeps.be/index.asp" alt="" target="_blank">
    <area title="LFH" shape="rect" coords="910,22,950,61" href="http://www.handball.be" alt="" target="_blank">
    </map>
    </div>
    </div>
    Well, I hope this can help many others...

Topic Closed

This topic has been closed to new replies.

About this Topic