Vegetables by Free CSS Templates

XAT ORBE

ADAPTACION

codigo por encima de la pag

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Las Vegas Too by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
    <div id="header">
        <h1><a href="#">Las Vegas Too</a></h1>

        <h2><a href="http://www.freecsstemplates.org/">by Free Css Templates</a></h2>
    </div>
    <div id="pages">
        <h2>Pages</h2>
        <ul>
            <li class="active"><a id="page1" href="#">My Blog</a></li>
            <li><a id="page2" href="#">My Photos</a></li>

            <li><a id="page3" href="#">My Favorites</a></li>
            <li><a id="page4" href="#">About Me</a></li>
            <li><a id="page5" href="#">Contact Me</a></li>
        </ul>
    </div>

codigo por debajo de la pag

<div class="meta">
                    <p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#" class="comment">1 Comment &raquo;</a></p>
                </div>
            </div>
            <div class="post">

                <h2 class="title">Sample Tags</h2>
                <h3 class="posted">Posted on January 1st, 2007 by Author</h3>
                <div class="story">
                    <p>An ordered list:</p>
                    <ol>
                        <li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
                        <li><a href="#">Suspendisse quis gravida massa felis.</a></li>

                        <li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
                        <li><a href="#">Suspendisse quis gravida massa felis.</a></li>
                        <li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
                        </ol>
                    <p>A blockquote: </p>
                    <blockquote>
                        <p>&#8220; Donec fermentum condimentum nisi. Proin iaculis mauris id lorem  viverra molestie. Duis vel orci. Et pulvinar pede ligula a  sapien. Donec fermentum condimentum nisi. Proin iaculis mauris id lorem  viverra molestie. Duis vel orci. Nam consequat. Morbi nec lacus.&#8221;</p>

                    </blockquote>
                </div>
                <div class="meta">
                    <p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#" class="comment">1 Comment &raquo;</a></p>
                </div>
            </div>

        </div>
        <div id="search" class="boxed">
            <h2 class="heading">Search</h2>
            <div class="content">
                <form method="get" action="#">
                    <div>
                        <input type="text" id="textfield1" name="textfield1" value="" size="18" />
                        <input type="submit" id="submit1" name="submit1" value="Go" />

                    </div>
                </form>
            </div>
        </div>
        <div id="archives" class="boxed">
            <h2 class="heading">Archives</h2>
            <div class="content">
                <ul>

                    <li class="first"><a href="#">February</a> (7) </li>
                    <li><a href="#">January 2007</a> (31)</li>
                    <li><a href="#">December 2006</a> (31)</li>
                    <li><a href="#">November 2006</a> (30)</li>

                    <li><a href="#">October 2006</a> (31)</li>
                    <li><a href="#">September 2006</a> (30)</li>
                </ul>
            </div>
        </div>
        <div id="categories" class="boxed">

            <h2 class="heading">Categories</h2>
            <div class="content">
                <ul>
                    <li class="first"><a href="#">Quisque vestibulum</a></li>
                    <li><a href="#">Sed a nisl a lacus</a></li>
                    <li><a href="#">Quisque sagittis</a></li>
                    <li><a href="#">Etiam volutpat</a></li>

                    <li><a href="#">In aliquet hendrerit</a></li>
                </ul>
            </div>
        </div>
        <div id="blogroll" class="boxed">
            <h2 class="heading">Blogroll</h2>
            <div class="content">
                <ul>

                    <li class="first"><a href="#">AnotherFriendlySite.net</a></li>
                    <li><a href="#">CoolSite.com</a></li>
                    <li><a href="#">MyBestFriend.com</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div id="footer">
        <p>Copyright &copy; 2006 Las Vegas Too. Designed by <a href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
    </div>
</div>
</body>
</html>


codigo css sin style tags


 
body {
    margin: 20px;
    padding: 0;
    background: #FFFFFF;
    font: normal .7em Tahoma, Arial, Helvetica, sans-serif;
    color: #666666;
}
 
form {
    margin: 0;
    padding: 0;
}
 
h1, h2, h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    color: #333333;
}
 
p, blockquote, ol, ul {
    line-height: 160%;
}
 
a {
    color: #3A69BA;
}
 
a:hover {
    text-decoration: none;
}
 
/* Boxed */
 
.boxed {
    float: left;
    clear: left;
    width: 200px;
    margin: 0 0 10px 0;
    padding: 0;
    background: #EFF3F9;
}
 
.boxed .heading {
    margin-top: 0;
    padding: 8px 15px;
    background: #5E80BD url(http://img24.xooimage.com/files/6/9/0/img3-16e9766.gif) no-repeat center bottom;
    text-transform: uppercase;
    letter-spacing: 2px;
    font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}
 
.boxed .content {
    margin: 0;
    padding: 5px 14px 10px 14px;
}
 
.boxed ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
}
 
.boxed li {
    padding: 3px 0;
    border-top: 1px dotted #1F1F21;
}
 
.boxed li.first {
    border: none;
}
 
.boxed a {
    padding-left: 10px;
    background: url(http://img48.xooimage.com/files/9/3/f/img4-16e976d.gif) no-repeat left center;
    text-decoration: none;
}
 
/* Wrapper */
 
#wrapper {
    width: 778px;
    margin: 0 auto;
}
 
/* Header */
 
#header {
    float: left;
    width: 200px;
    height: 150px;
    background: url(http://img48.xooimage.com/files/5/f/1/img1-16e9776.jpg);
}
 
#header h1 {
    margin: 0;
    padding: 43px 0 0 0;
    text-align: center;
    letter-spacing: -1px;
    font-size: 2.5em;
}
 
#header h2 {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 1.2em;
    font-style: italic;
}
 
#header a {
    text-decoration: none;
    color: #FFFFFF;
}
 
/* Pages */
 
#pages {
    float: right;
    width: 568px;
    height: 150px;
    background: url(http://img42.xooimage.com/files/d/e/7/img2-16e9782.jpg);
}
 
#pages h2 {
    display: none;
}
 
#pages ul {
    float: right;
    margin: 0;
    padding: 125px 15px 0 0;
    list-style: none;
    line-height: normal;
}
 
#pages li {
    display: inline;
}
 
#pages a {
    padding-left: 2em;
    text-decoration: none;
    font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}
 
#pages a:hover {
    text-decoration: underline;
}
 
/* Content */
 
#content {
    clear: both;
    padding-top: 10px;
}
 
/* Posts */
 
#posts {
    float: right;
    width: 520px;
    padding-right: 20px;
}
 
.post {
    padding-top: 10px;
}
 
.post .title {
    margin: 0;
    font-size: 2em;
}
 
.post .posted {
    margin-top: 0;
    font: normal .8em Tahoma, Arial, Helvetica, sans-serif;
    color: #999999;
}
 
.post .meta {
    margin: 2em 0 3em 0;
    border-top: 1px dotted #939A3C;
    font: normal .8em Tahoma, Arial, Helvetica, sans-serif;
    color: #999999;
}
 
.post .meta p {
    margin: 0;
}
 
/* Archives */
 
#archives {
}
 
/* Search */
 
#search {
}
 
#search .content {
    padding-bottom: 12px;
}
 
#textfield1 {
    width: 156px;
    padding: 5px 5px;
    border: 1px solid #000000;
    font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
    color: #000000;
}
 
#submit1 {
    display: none;
}
 
/* Footer */
 
#footer {
    clear: both;
    border-top: 1px dotted #000000;
    font: normal .8em Tahoma, Arial, Helvetica, sans-serif;
    color: #999999;
}
 
#footer a {
    color: #999999;
}
 
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=