Bunun Aynısını Nasıl Yaparız ?

11-05-2014, 04:28:46

Üyeliği durduruldu

Merhaba, uzun zamandır araştırma içerisindeydim. Web sitem üzerinde ziyaretçilerin ideal kilosunu öğrenmelerini istiyordum. Wordpress eklenti kütüphanesine de baktım ama tam istediğim gibi bir eklenti bulamadım. Ta ki dün rastgele girdiğim bir sitede görene kadar. İstediğim şey aşağıdaki resimde görülüyor. Bulunduğu site burasıdır.

11-05-2014, 05:22:47

#2

MiLLer7

SecurityHome adlı üyeden alıntı: mesajı görüntüle

Merhaba, uzun zamandır araştırma içerisindeydim. Web sitem üzerinde ziyaretçilerin ideal kilosunu öğrenmelerini istiyordum. Wordpress eklenti kütüphanesine de baktım ama tam istediğim gibi bir eklenti bulamadım. Ta ki dün rastgele girdiğim bir sitede görene kadar. İstediğim şey aşağıdaki resimde görülüyor. Bulunduğu site burasıdır.

Hocam birtane php sayfa yaptıracaksınız onuda wordpress özel sayfa olarak ayarlayabilirsiniz yada bilesen olarak.

11-05-2014, 05:53:03

#3

~~Stefan4~~

Üyeliği durduruldu

Bunu iframe kodu ilede yapabilirsiniz.

11-05-2014, 13:09:31

#4

~~SecurityHome~~

Üyeliği durduruldu

MiLLer7 adlı üyeden alıntı: mesajı görüntüle

Hocam birtane php sayfa yaptıracaksınız onuda wordpress özel sayfa olarak ayarlayabilirsiniz yada bilesen olarak.

Stefan adlı üyeden alıntı: mesajı görüntüle

Bunu iframe kodu ilede yapabilirsiniz.

Dediğiniz kadar bilmiyorum malesef.

11-05-2014, 13:39:02

#5

KBerkay

Renk kodları ve değerleri değiştirerek hemen hemen o görüntüyü elde edebilmeniz mümkün.

<HTML><head>
<style type="text/css" media="screen">
td{    font-family: Arial;
    font-size: 13px;}
select
{
    font-family: Arial, Sans-Serif;
    font-size: 18px;
    margin-bottom: 5px;
    padding: 4px;
    border: solid 1px #85b1de;
	border-radius: 5px;
}

#inputArea
{
    font-family: Arial, Sans-Serif;
    background-color: #d6e5f4;
    padding: 0px;
	margin: 0px;
}
#inputArea input[type="text"], 
#inputArea textarea
{
    font-family: Arial, Sans-Serif;
    font-size: 18px;
    margin-bottom: 5px;
    padding: 4px;
    border: solid 1px #85b1de;
	border-radius: 5px;
}
.button {
    background: none repeat scroll 0 0 #99CCFF;
    border: 1px solid #85B1DE;
    border-radius: 5px 5px 5px 5px;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
	margin: 5px;
}
</style>
<SCRIPT language=JavaScript>
function kontrol()
{
    if (diyet.boy.value == "" )
    {
        alert("Boyunuzu giriniz.");
        diyet.boy.focus();
        return(false);
      }
    if (diyet.kilo.value == "" )
    {
        alert("Kilonuzu giriniz.");
        diyet.kilo.focus();
        return(false);
      }
    if (diyet.yas.value == "" )
    {
        alert("Yaşınızı giriniz.");
        diyet.yas.focus();
        return(false);
      }
check()
}
function check()
{
var c1=0 ; var d1=0
var c2=0 ; var d2=0
var c3=0 ; var d3=0
if (document.diyet.boy.value >= 140)  {var c1=1}
if (document.diyet.boy.value <= 200)  {var d1=1}
if (document.diyet.kilo.value >= 37)  {var c2=2}
if (document.diyet.kilo.value <= 140)  {var d2=2}
if (document.diyet.yas.value >= 16)  {var c3=4}
if (document.diyet.yas.value <= 60)  {var d3=4}
var c=c1+c2+c3
var d=d1+d2+d3
alarm=new Array()
alarm[0]="Boy, kilo ve yaş "
alarm[1]="kilo ve yaş "
alarm[2]="boy ve yaş "
alarm[3]="yaş "
alarm[4]="boy ve kilo "
alarm[5]="kilo "
alarm[6]="boy "
if (c==7) 
        {if (d==7){i_kilo()}
        else {alert(alarm[d] + "uygun değil !")}
        }
    else {alert(alarm[c] + "uygun değil !")}
    }
function i_kilo()
{
    var temp1 = Math.round(document.diyet.yas.value/49);
    var temp2 = Math.round(document.diyet.yas.value/71);
    var temp3 = Math.round(document.diyet.yas.value/91);
    var tem = document.diyet.cinsiyet.value
    var neki = 0
    if (tem == 0) 
    {
    if (temp1 != 0)  {neki = 21}
    if (temp1 == 0)  {neki = 20}
    }
    if (tem != 0) 
    {
     if (temp1 != 0)  
        {
        if (temp2 != 0) 
            {
            if (temp3 != 0)  {neki = 24}
            if (temp3 == 0)  {neki = 23}
            }
        if (temp2 == 0)  {neki = 22}
        }
    if (temp1 == 0)  {neki = 21}
    }
document.diyet.ideal.value = Math.round(neki * Math.pow(document.diyet.boy.value,2)/10000)
document.diyet.fark.value = document.diyet.kilo.value - document.diyet.ideal.value
if (document.diyet.fark.value > 0 )
    {alert(document.diyet.fark.value + " kilo vermelisiniz.")}
if (document.diyet.fark.value < 0 )
    {alert(document.diyet.fark.value*(-1) + " kilo almalısınız.")}
if (document.diyet.fark.value == 0 )
    {alert("hesapmakinesi.biz Tebrik ederiz... İdeal kilonuzdasınız.")}
}
// end hiding -->
</SCRIPT>
</head><BODY>
<div id="inputarea">

İdeal Kilo Hespalayıcı
<FORM name=diyet>
<TABLE >
  <TBODY>
  <tr bgColor=#e4ecf3>
    <td>Boyunuz</td>
    <td><INPUT type="text" maxLength=5 name=boy size=2>  cm</td>
    <TD align=middle bgColor=#e4ecf3 rowSpan=4 width=160><BR><BR><INPUT class="button" onclick=kontrol() type=button value="Hesapla"> 
      <BR><BR><BR></td>
    <td>İdeal Kilonuz </td>
  </tr>
	
  <tr bgColor=#e4ecf3>
    <td>Kilonuz </td>
    <td><INPUT type="text" maxLength=5 name=kilo size=2>  kg</td>
    
    <td><INPUT type="text" name=ideal size=2 >  kg</td></tr>
	
  <tr bgColor=#e4ecf3>
    <td>Yaşınız</td>
    <td><INPUT type="text" name=yas size=2></td>

    <td>Fark </td></tr>

  <tr bgColor=#e4ecf3>
    <td>Cinsiyetiniz</td>
    <td><SELECT name=cinsiyet> <OPTION selected value=0>BAYAN</OPTION> 
        <OPTION value=1>ERKEK</OPTION></SELECT> </td>
    <td><INPUT type="text" name=fark size=2 >  kg</td></tr>
</TBODY></TABLE></FORM>
</div>
</body></html>

11-05-2014, 13:54:39

#6

~~SecurityHome~~

Üyeliği durduruldu

KBerkay adlı üyeden alıntı: mesajı görüntüle

Renk kodları ve değerleri değiştirerek hemen hemen o görüntüyü elde edebilmeniz mümkün.

<HTML><head>
<style type="text/css" media="screen">
td{    font-family: Arial;
    font-size: 13px;}
select
{
    font-family: Arial, Sans-Serif;
    font-size: 18px;
    margin-bottom: 5px;
    padding: 4px;
    border: solid 1px #85b1de;
	border-radius: 5px;
}

#inputArea
{
    font-family: Arial, Sans-Serif;
    background-color: #d6e5f4;
    padding: 0px;
	margin: 0px;
}
#inputArea input[type="text"], 
#inputArea textarea
{
    font-family: Arial, Sans-Serif;
    font-size: 18px;
    margin-bottom: 5px;
    padding: 4px;
    border: solid 1px #85b1de;
	border-radius: 5px;
}
.button {
    background: none repeat scroll 0 0 #99CCFF;
    border: 1px solid #85B1DE;
    border-radius: 5px 5px 5px 5px;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
	margin: 5px;
}
</style>
<SCRIPT language=JavaScript>
function kontrol()
{
    if (diyet.boy.value == "" )
    {
        alert("Boyunuzu giriniz.");
        diyet.boy.focus();
        return(false);
      }
    if (diyet.kilo.value == "" )
    {
        alert("Kilonuzu giriniz.");
        diyet.kilo.focus();
        return(false);
      }
    if (diyet.yas.value == "" )
    {
        alert("Yaşınızı giriniz.");
        diyet.yas.focus();
        return(false);
      }
check()
}
function check()
{
var c1=0 ; var d1=0
var c2=0 ; var d2=0
var c3=0 ; var d3=0
if (document.diyet.boy.value >= 140)  {var c1=1}
if (document.diyet.boy.value <= 200)  {var d1=1}
if (document.diyet.kilo.value >= 37)  {var c2=2}
if (document.diyet.kilo.value <= 140)  {var d2=2}
if (document.diyet.yas.value >= 16)  {var c3=4}
if (document.diyet.yas.value <= 60)  {var d3=4}
var c=c1+c2+c3
var d=d1+d2+d3
alarm=new Array()
alarm[0]="Boy, kilo ve yaş "
alarm[1]="kilo ve yaş "
alarm[2]="boy ve yaş "
alarm[3]="yaş "
alarm[4]="boy ve kilo "
alarm[5]="kilo "
alarm[6]="boy "
if (c==7) 
        {if (d==7){i_kilo()}
        else {alert(alarm[d] + "uygun değil !")}
        }
    else {alert(alarm[c] + "uygun değil !")}
    }
function i_kilo()
{
    var temp1 = Math.round(document.diyet.yas.value/49);
    var temp2 = Math.round(document.diyet.yas.value/71);
    var temp3 = Math.round(document.diyet.yas.value/91);
    var tem = document.diyet.cinsiyet.value
    var neki = 0
    if (tem == 0) 
    {
    if (temp1 != 0)  {neki = 21}
    if (temp1 == 0)  {neki = 20}
    }
    if (tem != 0) 
    {
     if (temp1 != 0)  
        {
        if (temp2 != 0) 
            {
            if (temp3 != 0)  {neki = 24}
            if (temp3 == 0)  {neki = 23}
            }
        if (temp2 == 0)  {neki = 22}
        }
    if (temp1 == 0)  {neki = 21}
    }
document.diyet.ideal.value = Math.round(neki * Math.pow(document.diyet.boy.value,2)/10000)
document.diyet.fark.value = document.diyet.kilo.value - document.diyet.ideal.value
if (document.diyet.fark.value > 0 )
    {alert(document.diyet.fark.value + " kilo vermelisiniz.")}
if (document.diyet.fark.value < 0 )
    {alert(document.diyet.fark.value*(-1) + " kilo almalısınız.")}
if (document.diyet.fark.value == 0 )
    {alert("hesapmakinesi.biz Tebrik ederiz... İdeal kilonuzdasınız.")}
}
// end hiding -->
</SCRIPT>
</head><BODY>
<div id="inputarea">

İdeal Kilo Hespalayıcı
<FORM name=diyet>
<TABLE >
  <TBODY>
  <tr bgColor=#e4ecf3>
    <td>Boyunuz</td>
    <td><INPUT type="text" maxLength=5 name=boy size=2>  cm</td>
    <TD align=middle bgColor=#e4ecf3 rowSpan=4 width=160><BR><BR><INPUT class="button" onclick=kontrol() type=button value="Hesapla"> 
      <BR><BR><BR></td>
    <td>İdeal Kilonuz </td>
  </tr>
	
  <tr bgColor=#e4ecf3>
    <td>Kilonuz </td>
    <td><INPUT type="text" maxLength=5 name=kilo size=2>  kg</td>
    
    <td><INPUT type="text" name=ideal size=2 >  kg</td></tr>
	
  <tr bgColor=#e4ecf3>
    <td>Yaşınız</td>
    <td><INPUT type="text" name=yas size=2></td>

    <td>Fark </td></tr>

  <tr bgColor=#e4ecf3>
    <td>Cinsiyetiniz</td>
    <td><SELECT name=cinsiyet> <OPTION selected value=0>BAYAN</OPTION> 
        <OPTION value=1>ERKEK</OPTION></SELECT> </td>
    <td><INPUT type="text" name=fark size=2 >  kg</td></tr>
</TBODY></TABLE></FORM>
</div>
</body></html>

Bu kodları bileşenler bölümünden text dosyası oluşturup, olduğu gibi içine mi atacağız ?

11-05-2014, 14:00:15

#7

KBerkay

SecurityHome adlı üyeden alıntı: mesajı görüntüle

Bu kodları bileşenler bölümünden text dosyası oluşturup, olduğu gibi içine mi atacağız ?

Denedim az önce, o şekilde ekleyerek kullanabiliyorsunuz.

12-05-2014, 22:44:12

#8

~~SecurityHome~~

Üyeliği durduruldu

KBerkay adlı üyeden alıntı: mesajı görüntüle