Scribd Logo
Unggah

Selamat datang di Scribd!

  • Contekan Web Desain

    Diunggah oleh

    dhiTek
    9 tayangan3 halaman
    CONTEKAN WEB DESAIN

    Judul Asli

    CONTEKAN WEB DESAIN

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    CONTEKAN WEB DESAIN

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    9 tayangan3 halaman

    Contekan Web Desain

    Diunggah oleh

    dhiTek
    CONTEKAN WEB DESAIN

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 3

    --------------------------------------------------------------------------------<html>

    <head>
    <title>Untitled Document</title>
    <link href="css1.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div class="pembungkus">
    <div class="header">
    Header
    </div>
    <div class="menu">
    Menu
    </div>
    <div class="navigasi">
    Navigasi
    </div>
    <div class="kontent">
    Konten
    </div>
    <div class="footer">
    Footer
    </div>
    </div>
    </body>
    </html>
    --------------------------------------------------------------------------------body {
    margin:0;
    }
    .pembungkus {
    width:900px;
    padding:10px;
    border:1px solid #999;
    margin:10px auto;
    }
    .header {
    height:140px;
    background-color:#999;
    }
    .menu {
    height:35px;
    background-color:#666;
    }
    .navigasi {
    float:left;
    width:200px;
    background-color:#999;
    min-height:300px;
    }
    .kontent {
    margin-left:200px;
    background-color:#EEE;
    min-height:300px;
    }
    .footer {
    clear:both;
    height:100px;
    background-color:#CCC;
    }
    ---------------------------------------------------------------------------------

    ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<html>
    </ul>
    <head>
    </div>
    <title>Untitled Document</title>
    <!--------------- #sidebar --------------->
    <link href="css2.css" rel="stylesheet" type="text/css" />
    <div id="sidebar">
    </head>
    <div class="previous">Sidebar</div>
    <body>
    </div>
    <div id="wrapper">
    <!--------------- #content --------------->
    <!--------------- #header --------------->
    <div id="content">
    <div id="header">
    <img src="image/gambar.png" width="144" height="144" />
    <h1>Header</h1>
    <br />ISI
    </div>
    </div>
    <!--------------- #menu --------------->
    <!--------------- #footer --------------->
    <div id="menu">
    <div id="footer">
    <ul>
    Copyright &copy; 2015 by: <a href="#">Adi Purnoo Haki</a></div>
    <li><a href="index.php">Beranda</a></li>
    </div>
    <li><a href="#">Profil</a></li>
    </div></body>
    <li><a href="#">Kontak</a></li>
    </html>
    <li><a href="#">Galeri Foto</a></li>
    -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------body {
    padding: 6px 6px 6px 6px;
    background-color: #FFC;
    text-decoration: none;
    font-family: "calibri"
    }
    }
    #menu a:hover{
    /* 1. WRAPPER
    padding: 5px 5px 2px 5px;
    ---------------------------------- */
    text-decoration: none;
    #wrapper {
    color: #FFF;
    width: 850px;
    background: #FF9000;
    margin: 15px auto;
    }
    height: auto;
    /* 4. SIDEBAR
    padding: 20px;
    ---------------------------------- */
    background-color: #FFF;
    #sidebar {
    box-shadow: 0px 0px 20px #F60;
    float: right;
    -moz-box-shadow:0px 0px 20px #F60;
    width: 300px;
    -webkit-box-shadow: 0px 0px 20px #F60;
    height: 290px;
    border-radius: 17px;
    border: 1px solid #CCC;
    -moz-border-radius: 17px;
    margin-bottom: 7px;
    -webkit-border-radius: 17px;
    text-align: center;
    }
    }
    /* 2. HEADER
    /* 5. CONTENT
    ---------------------------------- */
    ---------------------------------- */
    #header {
    #content {
    width: 850px;
    width: 538px;
    height: 70px;
    height: 290px;
    border: 1px solid #CCC;
    margin-bottom: 2px;
    margin-bottom: 7px;
    border: 1px solid #CCC;
    text-align: center;
    margin-bottom: 7px;
    }
    }
    /* 3. MENU
    #content img{
    ---------------------------------- */
    border-radius: 17px;
    #menu {
    -moz-border-radius: 17px;
    width: 850px;
    -webkit-border-radius: 17px;
    height: 27px;
    box-shadow: 0px 0px 10px #CCC;
    margin-bottom: 7px;
    -moz-box-shadow:0px 0px 10px #CCC;
    border: 1px solid #FFF;
    -webkit-box-shadow: 0px 0px 10px #CCC;
    background-color: #CCC;
    padding: 2px; margin-right: 10px;
    font-size:17x;
    float:left;
    border-radius: 5px;
    }
    -moz-border-radius: 5px;
    /* 6. FOOTER
    -webkit-border-radius: 5px;
    ---------------------------------- */
    }
    #footer {
    #menu ul{
    width: 850px;
    margin: 4px 4px 4px 7px;
    height: 20px;
    padding: 0px;
    padding-top: 0px;
    list-style: none;
    border: 1px solid #CCC;
    }
    text-align: center;
    #menu li{
    background-color: #CCC;
    margin: 10px;
    clear: both;
    padding: 0px;
    border-radius: 3px;
    display: inline;
    -moz-border-radius: 3px;
    }
    -webkit-border-radius: 3px;
    #menu a{
    }

    Anda mungkin juga menyukai