Recent Posts

Editors Picks

Monday 7 March 2016

Make a Love Calculator

01:22 3 comments

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function test(){
          document.write(Math.floor((Math.random()*100)+1));




}
</script>
</head>

<body>
<form name="jani">
<div id="bigborder">
<div id="smal">
<img src="images4.png" height="700px" width="680px" />
<div id="text">
<table>
<tr><td><p1>Enter Boy Name</p1></td>
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p2>Enter Girl Name</p2></td>
</tr>
<tr>
<td>
<input id="textbox1" type="text"  name="textbox"/></td>
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input id="textbox2" type="text"  name="textbox3"/></td>
</tr>
<tr><td><br /><input id="button" type="button" name="b1" value="CALCULATE"  onclick="test();"/> </td></tr>
</td></tr>


</table>

</div><!--end of text-->
</div><!--end of smal-->

</div><!--end of bigborder-->

</body>
</html>


CSS file

#bigborder{
height:700px;
width:100%;
}
body{
background-image: url(pic1.jpg);
background-size:cover;
}
#smal{
height:700px;
width:680px;
float:left;
opacity:0.7;
}


#textbox1{
border-color: #bdc7d8;
    border-radius: 5px;
    margin: 0;
    width: 200px;
height:28px;
font-size:18px;
padding: 8px 10px;
}
#text{
margin-left:30px;
margin-top:-400px;
}
#text p1{
font-family:"Comic Sans MS", cursive;
color:#FFF;
}
#text p2{
font-family:"Comic Sans MS", cursive;
color:#FFF;
}
#textbox2{
border-color: #bdc7d8;
    border-radius: 5px;
    margin: 0;
    width: 200px;
height:28px;
font-size:18px;
padding: 8px 10px;
}
#button{
border-color: #bdc7d8;
    border-radius: 5px;
color:#FFFFFF;
background-color:#ff0000;
margin-left:240px;
height:60px;
width:140px;
}
p1{color:#FFF;}
p2{
color:#FFF;}

3 comments:

Aakash said...

Really Very Nice Post :-)

Love Calculator

6 April 2019 at 13:56
Shoeb shaikh said...

🤣😂😂

12 June 2019 at 09:24
Fitness and health Beauty Tips 2019 said...

please tell me how to check Love Calculator. i am in relationship from 2 year. i am thinking to knot my relationship but before it i want to check our Love Calculator. please tell me, is it correct to check Love Calculator percentage online.

29 July 2019 at 03:41

Post a Comment