Putting hotspots on background header image in default kubrick mode

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

  • It sounds like you need a map for that image. That’s an HTML issue, not necessarily WordPress.

    Thread Starter kpetunia

    (@kpetunia)

    Yes. I have created a map for the image, but my question is where do I put the map – in which wordpress file? in the css somewhere? in one of the php files? thanks!

    You have to put it in a html-file, not in the stylesheets.

    Depending on your theme you will find a file called footer.php or something like that. I contains the end of the html-file.

    Insert the map before the </body>

    Thread Starter kpetunia

    (@kpetunia)

    my blog uses the kubrick default template. so even though i am putting hotspots on the header of the image i should put the map html into the footer.php file? or should it go into the header.php file? thanks so much

    footer.php between

    <?php wp_footer(); ?>
    …
    </body>

    Thread Starter kpetunia

    (@kpetunia)

    I dropped in the map code where you suggested, in footer.php file but am still stumped where and in which Word Press file to drop in the corresponding usemap=”#m_kubrickheader” ref.

    I can see that the header image is referred to in:
    functions.php
    style.css
    header-img.php

    and the id that the header image is referred to by (headerimg) is referred to in:
    header.php
    functions.php
    style.css

    I have checked the code surrounding all of the locations that the header image is in or referred to but still have not had success making the header image clickable.

    thanks so much for your suggestions and help.

    Thread Starter kpetunia

    (@kpetunia)

    oh yes – you can see the blog here:
    https://www.sportautocenter.com/blog

    WPChina

    (@wordpresschina)

    From what I understand, and I may be wrong, the Kubrick theme uses background image.

    Because it’s a background image, you can’t use image maps… you need to either change your theme or alter the Kubrick code so that the image is not in the background of the table…

    Thanks for the tips! I got it to work.

    Check out Scrapless Press

    Using the kubrick theme as a base, I ditched the reference to the header image in style.css, put my image map in footer.php as instructed above, and in header.php made the following mod:

    <body>
<div id="page">

<div id="header">

	<img src="https://scraplesspress.com/assets/header1027.gif" alt="Scrapless Press Photo Cards" width="792" height="148" border="0" usemap="#Map" />
	<!--	<div id="headerimg">
		<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
		<div class="description"><?php bloginfo('description'); ?></div>
	</div> -->
</div>
<hr />
Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Putting hotspots on background header image in default kubrick mode’ is closed to new replies.