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>