Membuat Layut Login Face-Mu
Selasa, 15 Februari 2011
| 
Diposting oleh
Abdul Patrick |
Script:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Demo</title>
<head>
<title>Welcom to Face-Mu^^</title>
<style type="text/css">
<!--
.box1 {
float: right;
padding: 5px;
height: 100px;
}
.box2 {
float: right;
padding: 5px;
height: 100px;
}
#header{
height: 80px;
background:#1e90ff;
}
#logo{
float: left;
padding-left: 100px;
padding-top: 20px;
}
.box3 {
}
.box4 {
width: 1300px;
height: 18px;
background: #4169E1;
text-align:left;
font-size:8px;
color:blue
}
#tengah {
float: left;
}
#kiri {
float: left;
width: 780px;
height: 380px;
}
#subkiri{
width: 300px;
height: 200px;
padding: 50px;
color: #4169E1;
}
#kanan {
float: left;
padding: 5px;
width: 370px;
height: 380px;
color: #4169E1;
}
#bottom {
clear: both;
height: 30px;
background: #4169E1;
font-size:6px;
color: #bde0e6;
}
-->
</style>
</head>
<body>
<div id="logo">
<img src="Face-Mu.jpg">
</div>
<div id="header">
<div class="box2">
<br><input type="button" value="Log In">
<br>
</div>
<div class="box1">
Password <br><input type="text" size="25">
<br>Forgot password?
</div>
<div class="box1">
Email or phone<br><input type="text" size="25">
<br><input type="checkbox">Keep me log in
</div>
</div>
<form>
<div id="tengah">
<div id="kiri">
<div id="subkiri">
<font size="5">Face-Mu Connecting people</font>
</div></form>
</div>
<div id="kanan">
<h2>Ayo Mendaftar</h2>
Gratis sampai akhir zaman
<hr/>
<form>
<table>
<tr><td>Nama Depan</td><td><input type="text" size="35"></td></tr>
<tr><td>Nama Belakang</td><td><input type="text" size="35"></td></tr>
<tr><td>Email Anda</td><td><input type="text" size="35"></td></tr>
<tr><td>Masukkan Ulang Email</td><td><input type="text" size="35"></td></tr>
<tr><td>Kata Sandi Baru</td><td><input type="text" size="35"></td></tr>
<tr><td>Saya Seorang</td><td>
<select name="kelamin">
<option value="wanita" selected>Wanita
<option value="pria">Pria
<option value="Bukan_dua2nya">Bukan dua-duanya
</select></td></tr>
</table>
</form>
<br><input type="button" value="DAFTAR">
</div>
</div>
</body>
</html>
Selasa, Februari 15, 2011 |
0 komentar:
Posting Komentar
Kritik dan saran yang anda berikan akan sangat bermanfaat bagi kami untuk terus memberi yang terbaik. ^_^