SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: Simple Site!

  1. #1
    SitePoint Member chlordiazepoxide's Avatar
    Join Date
    Sep 2006
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Simple Site!

    I wrote this a couple of weeks ago
    Just to show what CSS can do!

    CSS
    Code:
    * {
    margin: 0;
    padding: 0;
    }
    
    body {
    background: #fff;
    color: #303030;
    font: 12px/1.7em "Lucida Grande", Lucida, Verdana, sans-serif;
    text-align: left;
    }
    
    #box {
    font: 13px/1.7em Arial, Helvetica, Geneva, sans-serif;
    background-color: #dee7fa;
    border: 1px solid #d3dcea;
    width: 400px;
    padding: 10px;
    margin-bottom: 10px;
    margin-left: 50px;
    margin-right: auto;
    }
    
    h1 {
    margin: 0;
    color: #3c4250;
    font: bold 15px Georgia, "Times New Roman", Times, serif;
    }
    
    #footer {
    color: #9aa1af;
    width: 300px;
    padding: 5px;
    margin-left: 50px;
    }

    HTML/x
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>your title</title>
    
    <!-- meta -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="Keywords" content="keywords here" />
    <meta name="Description" content="a simple description" />
    <meta name="Author" content="your name" />
    
    <!-- styles & extra -->
    <link rel="Shortcut Icon" type="image/ico" href="/favicon.ico" />
    <link type="text/css" rel="stylesheet" href="style.css" media="all" />
    </head>
    
    <body>
    <div id="box"><h1>Lorem Ipsum Dolor</h1>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
    Vivamus lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. 
    Nam vitae justo. Aliquam molestie adipiscing nulla. Integer accumsan sollicitudin ipsum. Vivamus at lorem. 
    Morbi ultrices, dui vitae vulputate malesuada, nibh diam ullamcorper augue, eget suscipit diam odio egestas massa. 
    Vivamus scelerisque nisl ut massa. Quisque id leo sed dui convallis molestie. Mauris pulvinar pretium diam. 
    Sed ac quam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras vel purus vel neque ultricies tristique. 
    Nunc condimentum facilisis metus. Morbi tempor lorem id neque.
    </div>
    
    <div id="footer"> YourName 2006 - 07</div>
    
    </body>
    </html>
    Enjoy, thanks!

  2. #2
    Keep Moving Forward gold trophysilver trophybronze trophy
    Shaun(OfTheDead)'s Avatar
    Join Date
    Nov 2005
    Location
    Trinidad
    Posts
    3,727
    Mentioned
    43 Post(s)
    Tagged
    0 Thread(s)
    amm... and??

  3. #3
    SitePoint Zealot
    Join Date
    Jul 2006
    Location
    Florida
    Posts
    118
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    woo?!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •