Ir para conteúdo

Recommended Posts

Boa noite.

 

Estou com a seguinte ideia em um projeto: https://i.imgur.com/ylrv3Zc.png.

 

Gostaria de saber se há alguma forma de mapear as folhas, para que quando o usuário clicar, redirecionar para outra página.

 

Já tentei mapear pela tag <map>, porém, o mapeamento não fica responsivo. 

 

Lembrando que a imagem está unificada, conforme código abaixo:

<div class="container">
  <div class="descricoes text-center">
    <h1 class="text-nomes-main">Clique nas folhas para selecionar a Deficiência.</h1>
      <img src="../contents/imagens/folhas_deficiencia.png" width="500" height="500" class="img-responsive img-centro">
  </div>
</div>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por kelvinferraz
      Boa noite pessoal!
       
      Estou com uma dúvida e não sei nem por onde começar, seguinte:
       
      Eu tenho um sistema simples em PHP cadastro de usuário e etc... Porém esse sitema gera relatorios de pessoas, gostaria de saber se é possível com base nos dados dos clientes cadastrados
      eu passar os parametros como nome, endereço, cidade, rg etc.. para dentro de sites do tipo:

      https://servicos.dpf.gov.br/antecedentes-criminais/certidao
       
      É possível automatizar isso e trazer junto aos meus relatorios ?

      Estou usando o DomPDF para gerar os relatorios trazido do banco fora outras informações que o próprio solicitante marca.
    • Por guma.cojogra@gmail.com
      Alguém poderia me ajudar a criar um mapa mental usando css e html?
      procurei na internet mas não consegui entender e não achei nenhum tutorial ou explicação que pudesse utilizar
      quais as propriedades css que devo utilizar para criar as linhas ligando um nó a outro?
       
       
      vou postar uma imagem de exemplo de como deve ficar.

      obrigado
    • Por dayenne
      Olá desenvolvedor.
      Estou com um problema um tanto quanto bobo, porém não consigo resolver!!! Estou gerando um e-mail automático com html onde nele contém um vídeo, a pagina fica toda certinha, porém quando esse e-mail chega ao remetente,ele chega sem a parte do vídeo, onde tem o iframe e afins.
       
       
       
      Código da parte que NÃO vai para o e-mail.
       
      <div style="margin:0; padding:15px 50px 15px 50px; font-family: Arial, Helvetica, sans-serif; color:#8f8871; font-size:18px; line-height:16px; background-color:#FFF; border-top: 1px dashed #ccc" text-align:"center"> <strong>Não tenha dúvidas! Aperta o play e veja como é fácil montar o seu álbum.</strong><span style="padding-left:10px;"> </span> <br> <br> <iframe width="100%" height="315" src="https://www.youtube.com/embed/_wPfz-w2XDo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture background-color: #fff;" allowfullscreen> </iframe> </div>  
    • Por clickanapolis
      Bom dia, no meu site coloquei ao clicar no link ele vai para uma div dentro da propria pagina, visto que a mesma e uma unica pagina.
       
      O problema é que quando clica no link ele esta parando fora do inicio da div, o que devo fazer?
       
      <script type="text/javascript"> jQuery(document).ready(function ($) { $(".scroll").click(function (event) { event.preventDefault(); $('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000); }); }); </script> e chamo o link assim:
       
      <li><a href="#acimetech" class="scroll">A Cimetech</a></li>  
    • Por reginaldo123
      estou com dificuldade em criar uma url pernalizada exemplo
       
      href="www.bolacha,.com/novabolacha"
      value= "www.bolacha.com"
       
      quando o usuario copia a url para colocar em outra pagina quero que apareça o conteudo de value, e seja direcionado para o href.
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.