Scribd Logo
Upload

Welcome to Scribd!

  • Homepage Layout Very Basic Code

    Uploaded by

    bennettcam2
    1 views4 pages
    Homepage Laayout basic code

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Homepage Laayout basic code

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    1 views4 pages

    Homepage Layout Very Basic Code

    Uploaded by

    bennettcam2
    Homepage Laayout basic code

    Copyright:

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

    <!

    --this is a comment and doesn't show up on the actual webpage-->


    <!--page starts-->
    <html>
    <!--head starts-->
    <head>
    <title>title of your page</title>
    <!--stylesheet starts-->
    <style type="text/css">
    body,tr,td, h6, p
    {font-size:10px;
    font-family:verdana;
    color:#000000;
    line-height:12px;
    font-weight:normal;
    font-style:normal;
    letter-spacing:0pt;
    padding: 0px;
    }
    .header{
    position:absolute;
    top:distance from top;
    left:distance from left;
    width:width of banner;
    height:height of banner;
    background:url("url to background") center no-repeat;
    overflow:hidden;
    border:0px;
    background-color:background color;
    }
    b{
    color:000000;
    font-family:verdana;
    font-weight:bold;
    }
    s{
    color:000000;
    font-family:verdana;
    font-weight:normal;
    }
    i{
    color:000000;
    font-family:verdana;
    font-weight:normal;
    }
    u{
    color:000000;
    font-family:verdana;
    }
    font{
    color:#000000;
    font-family:verdana;
    font-size:10px;
    font-weight:normal;
    font-style:normal;
    }
    a:link, a:visited, a:active {
    text-decoration : none; //this gets rid of the link underline, leave it here
    text-transform: none;
    color : #000000;
    font-family : verdana;
    font-size: 10px;

    }
    a:hover {
    color : #000000;
    text-transform: uppercase;
    }
    a.nav:link, a.nav:visited, a.nav:active { //this is the link class 'nav'
    text-decoration : none;
    text-transform: uppercase;
    color : #FFFFFF;
    background: #000000;
    font-family : verdana;
    font-size: 10px;

    }
    a.nav:hover {
    color : #000000;
    background: transparent;
    }
    .title{
    display:block;
    font-family:verdana;
    font-size:18px;
    font-weight:normal;
    color:ff0000;
    background-color:transparent;
    text-transform:none;
    text-align:right;
    padding:2px;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:px;
    top left repeat;
    letter-spacing:2px;
    border-bottom: 2px solid;
    border-color: 000000;
    }
    .title2{
    display:block;
    font-family:verdana;
    font-size:15px;
    font-weight:bold;
    color:ffffff;
    background-color:000000;
    text-transform:uppercase;
    text-align:left;
    padding:3px;
    margin-top:0px;
    margin-bottom:2px;
    margin-left:0px;
    margin-right:0px;
    top left repeat;
    letter-spacing:0px;
    }
    .main{
    position:
    absolute;
    left:210px;
    top:313px;
    width:450px !important;
    width:450px;
    overflow:hidden;
    border:0px;
    background: transparent;
    z-index:4;
    text-align:left;
    padding:0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 2px;
    }
    .menu{
    position:absolute;
    left:0px;
    top:313px;
    width:200px !important;
    width:200px;
    overflow:hidden;
    border:0px;
    background:#FFFFFF;
    padding:0px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align:justify;
    align:justify;
    }
    </style>
    <!--end stylesheet-->
    <!--this base code was made by Lani at http://www.hobscotch.net-->
    <!--and don't you forget it-->
    </head>
    <!--end head-->
    <!--body starts-->
    <body>
    <!--main section starts-->
    <div class="main"><span class="title">title</span><br><br>
    <b>bold</b><br>
    <u>underline</u><br>
    <a href="http://www.blackle.com">link</a><br>
    <i>italic</i><br>
    <s>strikethrough</s><br>
    Here is a base code for a homepage layout. Edit it until your heart's content, j
    ust be sure to leave my link on and you shall be all good. Steal and die, all th
    at jazz. Have fun!<br><br>
    -Lani
    </div>
    <!--main section end-->
    <!--menu starts-->
    <div class="menu">
    <span class="title2">about me</span>
    put something interesting about yourself here<br><br>
    <span class="title2">explore</span>
    <a href="" class="nav">link to stories</a><br>
    <a href="" class="nav">link to profile</a><br>
    <a href="" class="nav">link to friends</a><br>
    <a href="" class="nav">link to forum</a><br>
    <a href="" class="nav">link to somewhere else</a><br><br>
    <span class="title2">cbox</span>
    put your cbox here, its wise not to make it any larger than the width of your co
    lumns, in this case, 200px<br><br>
    <span class="title2">credit</span>
    The base code for this layout is curtesy of:<br>
    <a href="http://www.hobscotch.net" target="blank"><img src="http://i120.photobuc
    ket.com/albums/o168/lani_goodness/new%20album/hs3.jpg" border="0"></a><br>
    <a href="your url here">your name</a> customized it.<br>
    Other credit goes here.
    </div>
    <!--menu end-->
    </body>
    <!--body end-->
    </html>
    <!--page end-->

    You might also like