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 ?