beautiful registration page designing with css,html and php codes
body{
margin:0px 0px 0px 0px;
}
.header{
background-color:#000;
height:100%;
width:55%;
position:fixed;
border:#F00 thin solid;
margin-left:300px;
}
.logo{
background-color:#F93;
height:50px;
width:98.4%;
border:#F93 6px solid;
border-radius:2px;
}
.menu{
margin-top:0px;
height:auto;
border:#000 thin solid;
}
input{
height:25px;
width:315px;
border:#FFF thin solid;
border-radius:5px;
padding-left:10px;
}
.option{
height:30px;
width:315px;
border:#FFF thin solid;
border-radius:5px;
}
.select,.option2{
height:25px;
width:110px;
border:#FFF thin solid;
border-radius:5px;
}
.option1{
height:25px;
width:60px;
border:#FFF thin solid;
border-radius:5px;
}
.gender input ,.gender1 input{
height:15px;
width:15px;
border:#FFF thin solid;
}
.footer{
background-color:#F93;
height:50px;
width:98.4%;
border:#F93 6px solid;
border-radius:2px;
margin-top:-38px;
}
.submit input{
height:30px; width:70px;
border: #F60 thin solid;
}
.submit{
margin-top:10px;
float:right;
height:30px; width:15s0px;
border: #F93 thin solid;
float:right;
}
</style>
<body>
<div class="header">
<div class="logo">
<h2> <b><a href="" style="color:#FF0">Sign Up</a></b></h2>
</div>
<div class="menu">
<form method="post">
<h3>
<pre><ul style="color:#FF0">
First Name <input type="text" name="n1" /><br />
Last Name <input type="text" name="n2" /><br />
Screen Name <input type="text" name="n3" /><br />
Date of Birtt <select class="select" name="n4">
<option value="jan"> January </option>
<option value="fbb">feb</option>
<option value="mar">mar</option>
<option value="apr">apr</option>
<option value="may">may</option>
<option value="jum">jun</option>
<option value="jul">jul</option>
<option value="aug">aug</option>
<option value="sep">sep</option>
<option value="oct">oct</option>
<option value="nov">nov</option>
<option value="dec">dec</option>
</select> <select class="option1" name="n5">
<option value="1"> 1</option>
<option value="2">2</option>
<option value="3" >3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select> <select class="option2" name="n6">
<option value="1993"> 1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
</select><div class="gender">
Gender <input type="radio" name="n7" value="M" >Male <input type="radio" name="n7" value="F">Female</div>
Country <select class="option" name="n8">
<option value="Afghanistan">Afghanistan</option>
<option value="Albania">Albania</option>
<option value="Algeria">Algeria</option>
<option value="American Samoa">American Samoa</option>
<option value="Andorra">Andorra</option>
<option value="Angola">Angola</option>
<option value="Anguilla">Anguilla</option>
<option value="Antartica">Antarctica</option>
<option value="Antigua and Barbuda">Antigua and Barbuda</option>
<option value="Argentina">Argentina</option>
<option value="Armenia">Armenia</option>
<option value="Aruba">Aruba</option>
<option value="Australia">Australia</option>
<option value="Austria">Austria</option>
</select>
E-mail <input type="email" name="n9" /><br/>
Phone <input type="text" name="n10" /><br/>
Password <input type="password" name="n11" /><br/>
Conform Password <input type="password" name="n12" /><br/><ul class="gender1">
<input type="checkbox" name="n13" value="checkbox"/>I agree to The Terms of Use</ul><br/>
</ul></pre></h3></div>
<div class="footer">
<div class="submit">
<input type="submit" name="btn" value="submit" style="background-color:#060"/> <input type="reset" name="cancel" value="cancel" style="background-color:#C00"/>
</div>
</div></form>
</div>
<?php
mysql_connect("localhost","root","");
mysql_select_db("php");
if(isset($_POST["btn"])){
$name = $_POST["n1"];
$lastname = $_POST["n2"];
$screenname = $_POST["n3"];
$birthday = $_POST["n4"];
$birthday1 = $_POST["n5"];
$birthday2 = $_POST["n6"];
$gender = $_POST["n7"];
$country = $_POST["n8"];
$email = $_POST["n9"];
$phone = $_POST["n10"];
$password = $_POST["n11"];
$confpassword = $_POST["n12"];
if(isset( $_POST["n13"])){
$condition1 = $_POST["n13"];
}
else{
$condition = "";
}
$qeury = "insert into my (name,lastname,screenname,birthday,birthday1,birthday2,gender,country,email,phone,password,confpassword, condition1) values ('$name','$lastname', '$screenname', '$birthday', '$birthday1', '$birthday2', '$gender', '$country','$email', '$phone', '$password', '$confpassword', '$condition')";
if(!mysql_query($qeury))
{
mysql_error();
}
echo"welcome";
}
?>
</body>
