Scribd Logo
Upload

Welcome to Scribd!

  • 2K views

    Script Pembuatan Tampilan MIRIP FACEBOOK

    Uploaded by

    danang aryo
    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.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd

    Script Pembuatan Tampilan MIRIP FACEBOOK

    Uploaded by

    danang aryo
    2K views6 pages
    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.

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    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.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    2K views6 pages

    Script Pembuatan Tampilan MIRIP FACEBOOK

    Uploaded by

    danang aryo
    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.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    You are on page 1of 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