Suporte » Temas » Como colocar um "Hotspot Tool" no Header?

Como colocar um "Hotspot Tool" no Header?

  • Resolvido ivandnt

    (@ivandnt)


    13 anos, 8 meses atrás

    Seguinte gente. A maioria dos temas vem com uma imagem Header padrão (Só uma imagem) Só que algumas pessoas através do Dreamweaver conseguem inserir links na imagem e incrementarem ao Header.php

    Eu sei inserir os links no Dreamweaver, porém isso gera alguns códigos HTML e a imagem está fatiada. Só quero saber como inserir o código final no Header.php

    Ex: Imagem Normal
    Imagem com Hotspot

    Já pesquisei, pesquisei, pesquisei e NADA. Alguém por favor me dá uma luz? Obrigado 🙂

Visualizando 3 respostas - 1 até 3 (de um total de 3)
  • Criador do tópico ivandnt

    (@ivandnt)

    13 anos, 8 meses atrás

    Desculpando a minha ignorância, descobrí que o que eu quero fazer é um mapeamento. Sabendo que a imagem é puxada pelo CSS e nos tutoriais que eu encontrei eles falavam que eu tinha que puxar a imagem pelo Header.php até consegui fazer o processo porém ficou aparecendo uma bordinha ridícula em volta da imagem e ela ficou desalinhada com o resto do layout. Mas o mapeamento funcionou… Alguém sabe fazer direitinho e em qualquer tema?

    enapupe

    (@enapupe)

    13 anos, 8 meses atrás

    Aplique um border=0 na imagem, ou via css..

    Criador do tópico ivandnt

    (@ivandnt)

    13 anos, 8 meses atrás

    Consegui!
    Pra quem não sabe como. Fiz da seguinte maneira

    usando esse tema

    Procure no código do header.php o seguinte trecho:

    <div align="center">
<img style="border: 0px solid #edf7f7;" src="<?php bloginfo('template_directory'); ?>/images/vivid.jpg">

    Esse código deve ser substituido por

    <div align="center">
<img style="border: 0px solid #edf7f7;" usemap="#Map" src="<?php bloginfo('template_directory'); ?>/images/vivid.jpg">
<map name="Map"><area shape="rect" coords="cor,de,na,das" href="LINK HERE">
<area shape="rect" coords="cor,de,na,das" href="http://LINK HERE">
</map>

    Para obter as cordenadas abra a imagem no dreamweaver e marque com o hotspot tool e depois copie as cordenadas. Salve a imagem como “Vivid” ou Mude o nome para da imagem para o nome desejado e indique o diretório no “http://link here”

Visualizando 3 respostas - 1 até 3 (de um total de 3)
  • O tópico ‘Como colocar um "Hotspot Tool" no Header?’ está fechado para novas respostas.

Tags de tópico

Visualizações