Rabu, 16 Februari 2011
Inilah gambar untuk membuat tampilan web "face-mu"
Script untuk tampilan di atas :
<em><!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" xml:lang="en" lang="en">
<head>
<title>Selamat Datang di face-mu - Masuk, ...</title>
<link rel="shortcut icon" href="icon.png">
<style type="text/css">
<!--
.box1 {
float: right;
padding: 5px;
height: 100px;
}
.box2 {
float: right;
padding: 5px;
height: 100px;
}
#header{
height: 80px;
background:#4169E1;
}
#logo{
float: left;
padding-left: 100px;
padding-top: 20px;
}
#inner {
float: left;
}
#left {
float: left;
width: 780px;
height: 380px;
}
#subleft{
width: 300px;
height: 200px;
padding: 50px;
color: #4169E1;
}
#rightmenu {
float: left;
padding: 5px;
width: 370px;
height: 380px;
color: #4169E1;
}
.box3 {
width:500px;
height:300px;
}
.box4 {
width: 1260px;
height: 18px;
background: #4169E1;
text-align:center;
font-size:5px;
color:#fff
}
-->
</style>
</head>
<div id="logo">
<img src="facemu.png">
</div>
<div id="header">
<div class="box2">
<br><input type="button" value="Masuk">
<br>
</div>
<div class="box1">
<font color="white">Kata Sandi <br><input type="text" size="25">
<br>Lupa Kata Sandi?
</div>
<div class="box1">
Email<br><input type="text" size="25">
<br><input type="checkbox">Biarkan Saya Masuk
</div>
</div>
<form>
<div id="inner">
<div id="left">
<div id="subleft">
<img align= left img src="indo.png" height=300px width=600px>
</div></form>
</div>
<div id="rightmenu">
<h2><font size ="6"><font color = "blue">Mendaftar</h2>
Gratis, sampai kapanpun.
<hr/>
<form>
<table>
<tr><td><font color = "#000080">Nama Depan</td><td><input type="text" size="35"></td></tr>
<tr><td><font color = "#000080">Nama Belakang</td><td><input type="text" size="35"></td></tr>
<tr><td><font color = "#000080">Email Anda</td><td><input type="text" size="35"></td></tr>
<tr><td><font color = "#000080">Masukkan Ulang Email</td><td><input type="text" size="35"></td></tr>
<tr><td><font color = "#000080">Kata Sandi Baru</td><td><input type="text" size="35"></td></tr>
<tr><td><font color = "#000080">Saya Seorang</td><td>
<select name="jenis kelamin">
<option value="Pilih Jenis Kelamin" selected>Pilih Sesuai Kepribadian:
<option value="perempuan">Perempuan
<option value="laki-laki">Laki-Laki
</select></td></tr>
</table>
<br><input type="button" value="DAFTAR">
</div>
</div>
<div class="box3">
<body bgcolor = "#E6E6FA">
<img src="bg.jpg" width='1' height='420' >
<div class="box4" >
<p>
<h1><font color=white>
Face-mu © 2011
</h1>
</p>
</div>
</form>
</body>
</html>
0 komentar:
Posting Komentar