Scribd
Upload
2K views6 pages

Script Pembuatan Tampilan MIRIP FACEBOOK

This document provides code for creating a webpage interface that resembles Facebook. The code includes CSS styling for elements like headers, menus, images, and footers. It also includes HTML for things like login forms, profile information forms, and copyright text. The overall structure divides the page into sections for things like headers, content areas, and footers.

Uploaded by

danang aryo
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2K views6 pages

Script Pembuatan Tampilan MIRIP FACEBOOK

This document provides code for creating a webpage interface that resembles Facebook. The code includes CSS styling for elements like headers, menus, images, and footers. It also includes HTML for things like login forms, profile information forms, and copyright text. The overall structure divides the page into sections for things like headers, content areas, and footers.

Uploaded by

danang aryo
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

SCRIPT PEMBUATAN TAMPILAN “MIRIP” FACEBOOK

GUMELAR DANANG A.W


209533421965
(OFF C 2009)

UNIVERSITAS NEGERI MALANG


FAKULTAS TEKNIK
JURUSAN TEKNIK ELEKTRO
PROGRAM STUDI S1 PTI 2009
Februaru, 2011
<!DOCTYPE HTML PUBLIC

"-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<head>

<title>Facemu - membantu menemukan anak</title>

<style type="text/css">

</head>

<!--

#wrapper {

margin: auto;

width: 756px;

border: 1px solid Blue;

#logo {

float: left;

height: 70px;

width:61px;

margin-top:30px;

margin-left:120px;

border: 0;

#header {

height : 100px;

width: auto;

border: 1px solid black;

background-image:url(bgheader.GIF);

#menu1 {

height:0px;

width:100px px;
margin-top:15px;

margin-left:750px ;

border: 0;

#menu2 {

height:0px;

width:100px 10px;

margin-top:0px;

margin-left:950px ;

#bagiantengah {

height:450px;

width:1200px 10px;

margin-top:100px;

background-image:url(bgimg.GIF);

#gambarpeta {

float: left;

width: 550px;

height: 400px;

margin-LEFT:100px ;

margin-right:100px ;

#contentdaftar {

float: left;

width: 400px;

height: 330px;

border: 0;

#top{
height: 70px;

border: 0;

#listnama {

float: left;

width: 200px;

height: 250px;

border: 0;

#formisian {

margin-left:200px ;

width: 310px;

height: 200px;

border: 0;

#footer {

clear: both;

height: 30px;

background-color : blue;

border: 1px solid green;

-->

</style>

<body>

<div id="wrapper">

<div id = "header">

<div id = "logo"><img src = "facemu.png" width="120" height="40">

</div>

<div id= "menu1">

<form name= "login" method="post" action="">


<label><font face = "verdana" size = "4" color ="white">email</label></font><br>

<input type="text" name="email"><br>

<input type="checkbox" name="email"><font face = "verdana" size = "2" color ="white">Biar saya
tetap masuk </input>

</form>

</div>

<div id = "menu2" >

<label><font face = "verdana" size = "4" color ="white">Password</label></font><br>

<input type="text" name="email">

<input type="button" value="masuk" ><br>

<a href = "facebook.com"><font face = "verdana" size = "2" color ="white"> Lupa sandi anda ?
</a></font>

</div>

<div id="bagiantengah">

<div id="gambarpeta"><img src = "tengah.GIF" width="550" height="400">

</div>

<div id="contentdaftar">

<div id="top">

<font face = "verdana" size = "5" color ="blue">Mendaftar<br>

<font face = "verdana" size = "4" color ="blue">Gratis sampai kapanpun <br>

<hr>

</div>

<div id="listnama">

<font face = "times new roman" size = "4" color ="blue">

<br>Nama Depan <br><br>

Nama Belakang<br><br>

Email anda<br><br>

Masukkan ulang<br>email<br><br>

</font>

</div>
<div id="formisian">

<br><input type="text" name="email"><br><br>

<input type="text" name="email"><br><br>

<input type="text" name="email"><br><br>

<input type="text" name="email"><br><br>

</div><font face = "times new roman" size = "2" color ="blue">mengapa saya perlu
mengisinya ?</font><br>

<BR><input type="button" value="DAFTAR" ><br>

</div>

</div>

<div id="footer">

<font face = "times new roman" size = "3" color ="white">

Face-mu 2011 karya danang aryo . inspired by tony Blank</font>

</div>

</div>

</body>

</html>

<!-- danang aryo 2011 -->

TAMPILAN :

You might also like