Scribd Logo
Upload

Welcome to Scribd!

  • Template

    Uploaded by

    Genditsusilo08
    3 views2 pages
    This document contains the HTML and CSS code for a web page template. The HTML defines the structure and layout of the page with different div elements for the header, main content area, sidebar, and footer. The CSS styles these elements with properties like fonts, colors, borders and positioning. It aims to create a template with a header, main content section, sidebar, and footer that can be used to design web pages.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains the HTML and CSS code for a web page template. The HTML defines the structure and layout of the page with different div elements for the header, main content area, sidebar, and footer. The CSS styles these elements with properties like fonts, colors, borders and positioning. It aims to create a template with a header, main content section, sidebar, and footer that can be used to design web pages.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    3 views2 pages

    Template

    Uploaded by

    Genditsusilo08
    This document contains the HTML and CSS code for a web page template. The HTML defines the structure and layout of the page with different div elements for the header, main content area, sidebar, and footer. The CSS styles these elements with properties like fonts, colors, borders and positioning. It aims to create a template with a header, main content section, sidebar, and footer that can be used to design web pages.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 2

    <html >

    <head>
    <title>Web_Tutorial</title>
    <style type="text/css">
    body {
    background-color: #FFF;
    }
    #outer-wrapper {
    font: normal 14px/normal "Lucida Console", Monaco, monospace;
    text-decoration: none;
    height: 630px;
    width: 980px;
    padding: 0;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }
    #katasambutan {
    font-family: "Comic Sans MS", cursive;
    color: #FFF;
    background: #000;
    padding: 5px;
    width: auto;
    border: 1px solid #000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }
    #outer-wrapper #header {
    font: normal 24px/normal "Comic Sans MS", cursive;
    background: #333;
    color: #FFF;
    width: auto;
    height: 100px;
    border: 1px solid #333;
    text-align: center;
    padding: 30px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }
    #outer-wrapper #main-wrapper {
    font: normal 16px/normal "Times New Roman", Times, serif;
    width: 600px;
    padding: 3px;
    margin: 5px;
    height: 450px;
    border: 1px solid #000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }
    #outer-wrapper #main-wrapper #main {
    width: 550px;
    height: 150px;
    background: #CCC;
    border: 1px solid #CCC;
    text-align: center;
    color: #000;
    font: normal 24px/normal "Comic Sans MS", cursive;
    text-decoration: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    padding: 2px;
    }
    #footer-wrapper {
    font-family: "Comic Sans MS", cursive;
    text-decoration: none;
    height: 50px;
    width: auto;
    padding: 2px;
    margin-top: 15px;
    text-align: center;
    border: 1px solid #000;
    color: #FFF;
    background: #000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }
    #outer-wrapper #sidebar-wrapper {
    width: 345px;
    float: right;
    margin: 5px;
    padding: 2px;
    border: 5px dashed #FFF;
    height: 450px;
    background: #CCC;
    text-align: center;
    font: normal 18px/normal "Comic Sans MS", cursive;
    }
    </style>
    </head>

    <body>
    <div id="katasambutan">
    <marquee>
    Selamat Datang | Welcome To My Blog | Jangan Lupa Komen dan Follow Blog
    Kami !
    </marquee>
    </div>
    <div id="outer-wrapper">
    <div id="header">
    <p>Design Template Dengan DreamWeaver</p>
    <p>www.WEB-tutorial.org</p>
    </div>
    <div id="sidebar-wrapper">Sidebar-Wrpper</div>
    <div id="main-wrapper">
    <div id="main">main-wrapper:content-wrapper</div>
    </div>
    </div>
    <div id="footer-wrapper">
    <p>Design By -</p>
    </div>
    </body>
    </html>

    You might also like