Como ter uma calculadora desta no fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como ter uma calculadora desta no fórum

Mensagem por EDU2010 em 13/08/13, 04:47 pm

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
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1721
Pontos Ativos : 2652

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Como ter uma calculadora desta no fórum

Mensagem por Sennior em 13/08/13, 05:00 pm

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!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como ter uma calculadora desta no fórum

Mensagem por Tofu em 14/08/13, 03:03 am

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.

Tofu
Nível 10

Masculino
Inscrito dia : 15/07/2013
Mensagens : 284
Pontos Ativos : 428

Ver perfil do usuário http://verdadeplena.tk

Resolvido Re: Como ter uma calculadora desta no fórum

Mensagem por EDU2010 em 15/08/13, 03:04 am


obrigado deu certo !! Abraços
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1721
Pontos Ativos : 2652

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum