Como ter uma calculadora desta no fórum

3 participantes

Ir para baixo

Tópico resolvido Como ter uma calculadora desta no fórum

Mensagem por EDU2010 13.08.13 20:47

Qual é minha questão:
Como consigo este codigo desta calculadora !!! 

http://www.pompom.com.br/calculadora-fertilidade.php


Obrigado 

Endereço do meu fórum:
http://dicasparagravidas.forumeiros.com

Versão do fórum:
PHPBB3
EDU2010
EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ter uma calculadora desta no fórum

Mensagem por Sennior 13.08.13 21:00

Boas Edu!

A calculadora é feia por JavaScript para funcionar, por isso não há como. Nós poderíamos lhe passar o HTML mas as funções não funcionariam, veja:

Código:
<div id="box-ferramentas">
      <div class="top-box"><img src="images/top-titulo-fertilidade.png" width="675" height="108"></div>
      <div class="center-content">
        <p class="text-ferramentas">Quer engravidar? Nós calculamos quais são o s melhores dias para você encomendar
          um bebê. Informe o primeiro dia da sua última menstruação e a duração média do seu
          ciclo menstrual:</p>
        <h2 class="pergunta-fertilidade01">Primeiro dia de sua última menstruação</h2>
        <input type="text" name="dataMenstruacao" id="dataMenstruacao" class="input-pergunta01">
        <span class="spanfertil">Ex: 10/10/2010</span><br>
        <h2 class="pergunta-fertilidade02">Duração do seu ciclo</h2>
        <input type="text" name="duracao" id="duracao" class="input-pergunta02">
        <input type="submit" name="submit-ferramenta" id="enviar-ferramenta" value="calcular" onclick="check_form_fert();">
        <span class="spanfertil">22 a 45 dias - Média 28 dias</span><br>
        <div id="listaQuandoTentar" class="tabCol">
          <!-- Quando tentar? -->
        </div>
        <div id="listaBebeNascera" class="tabCol">
          <!-- Seu bebê nascera em: -->
        </div>
        <br>
        <div class="box-ciclo">
          <p class="bt"><img src="images/botao.png" height="24" width="23"></p>
          <p class="bt01"><img src="images/botao.png" height="24" width="23"></p>
          <div class="texto01">
            <h1>O que é ciclo menstrual</h1>
            É o intervalo de tempo entre o primeiro<br>
            dia de sangramento em um mês e o<br>
            primeiro dia de sangramento no mês<br>
            seguinte. </div>
          <div class="texto02">
            <h1>Atenção</h1>
            A Calculadora de fertilidade ajuda a identificar<br>
            os dias em que você pode estar ovulando.<br>
            O resultado é calculado com base em<br>
            um ciclo menstrual regular e, por isso, mostra<br>
            apenas uma data aproximada do seu período<br>
            fértil. </div>
        </div>
      </div>
      <div class="top-bottom"><img src="images/bottom-box.png"></div>
    </div>
Abraços!
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ter uma calculadora desta no fórum

Mensagem por Tofu 14.08.13 7:03

Olá.

Tente isso:

Código:
<style type="text/css">.pergunta-fertilidade02 {
width: 510px;
padding: 0px 0px 0px 55px;
margin: 0px 0px 0px 50px;
background: url(http://www.pompom.com.br/images/bullets-numeros02.png) 8px 6px no-repeat;
background-color: #faf0a8;
height: 54px;
font-size: 36px;
line-height: 55px;
color: #f1712b;
font-family: 'romyregular';
border-radius: 8px;
behavior: url(PIE.htc);
}
.pergunta-fertilidade01 {
width: 510px;
padding: 0px 0px 0px 55px;
margin: 0px 0px 0px 50px;
background: url(http://www.pompom.com.br/images/bullets-numeros01.png) 8px 6px no-repeat;
background-color: #faf0a8;
height: 54px;
font-size: 36px;
line-height: 55px;
color: #f1712b;
font-family: 'romyregular';
border-radius: 8px;
behavior: url(PIE.htc);
}</style>

<script src="http://www.pompom.com.br/js/custom.js"></script>
<script type="text/javascript" src="http://www.pompom.com.br/js/pom_pom_calculadoras.js"></script>
<script type="text/javascript">
$(document).ready(function(){
   $("#dataMenstruacao").mask("99/99/9999",{placeholder:"_"}).focus();
});
</script>
<div id="box-ferramentas">
      <div class="top-box"><img src="http://www.pompom.com.br/images/top-titulo-fertilidade.png" width="675" height="108"></div>
      <div class="center-content">
        <p class="text-ferramentas">Quer engravidar? Nós calculamos quais são o s melhores dias para você encomendar
          um bebê. Informe o primeiro dia da sua última menstruação e a duração média do seu
          ciclo menstrual:</p>
        <h2 class="pergunta-fertilidade01">Primeiro dia de sua última menstruação</h2>
        <input type="text" name="dataMenstruacao" id="dataMenstruacao" class="input-pergunta01">
        <span class="spanfertil">Ex: 10/10/2010</span><br>
        <h2 class="pergunta-fertilidade02">Duração do seu ciclo</h2>
        <input type="text" name="duracao" id="duracao" class="input-pergunta02">
        <input type="submit" name="submit-ferramenta" id="enviar-ferramenta" value="calcular" onclick="check_form_fert();">
        <span class="spanfertil">22 a 45 dias - Média 28 dias</span><br>
        <div id="listaQuandoTentar" class="tabCol">
          <!-- Quando tentar? -->
        </div>
        <div id="listaBebeNascera" class="tabCol">
          <!-- Seu bebê nascera em: -->
        </div>
        <br>
        <div class="box-ciclo">
          <p class="bt"><img src="http://www.pompom.com.br/images/botao.png" height="24" width="23"></p>
          <p class="bt01"><img src="http://www.pompom.com.br/images/botao.png" height="24" width="23"></p>
          <div class="texto01">
            <h1>O que é ciclo menstrual</h1>
            É o intervalo de tempo entre o primeiro<br>
            dia de sangramento em um mês e o<br>
            primeiro dia de sangramento no mês<br>
            seguinte. </div>
          <div class="texto02">
            <h1>Atenção</h1>
            A Calculadora de fertilidade ajuda a identificar<br>
            os dias em que você pode estar ovulando.<br>
            O resultado é calculado com base em<br>
            um ciclo menstrual regular e, por isso, mostra<br>
            apenas uma data aproximada do seu período<br>
            fértil. </div>
        </div>
      </div>
      <div class="top-bottom"><img src="http://www.pompom.com.br/images/bottom-box.png"></div>
    </div>
O estilo CSS não copiei.

Queira reconhecer que a calculadora é do site PomPom e não de domínio público.
Por questão de ética (principalmente) e pelos direitos autorais mencionados nos termos do site referente, identifique em seu fórum a origem da calculadora. Os créditos são para PomPom. Se eu fosse você até colocaria um simples botão no fórum linkando ao site... evitaria problemas com a empresa.

Espero ter ajudado um pouco.
avatar
Tofu
****

Membro desde : 16/07/2013
Mensagens : 284
Pontos : 428

http://verdadeplena.tk

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ter uma calculadora desta no fórum

Mensagem por EDU2010 15.08.13 7:04


obrigado deu certo !! Abraços
EDU2010
EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos