Vegetables by Free CSS Templates

XAT ORBE

toy addict


Vista:


Online:
http://pwg-codigos.es.tl

Texto por encima de la pagina:
Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Toy Addict - free website template</title>
<meta name="keywords" content="free website templates, free css templates, CSS, HTML" />
<meta name="description" content="Toy Addict is a free website template provided by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}
</script>
</head>
<body>
<div id="templatemo_container">
    <div id="templatemo_banner">
    </div>
   
    <div id="templatemo_menu">
       <ul>
            <li><a href="#" class="current">Home</a></li>
            <li><a href="http://www.templatemo.com" target="_parent">Templates</a></li>
            <li><a href="#">Popular</a></li>
            <li><a href="http://www.templatemo.com/page/1" target="_parent">Gallery</a></li>
            <li><a href="#">Tutorials</a></li>
            <li class="last"><a href="#">Contact</a></li>
        </ul>
    </div>
   
    <div id="templatemo_content">
       <div id="main_column">
           
         

              </div> <!-- end of side column -->


Texto por debajo:
Código:

<div class="cleaner"></div>
    </div>
    <div id="templatemo_footer">
      Copyright © 2024 Adaptada para PWG por http://sset.tk<a href="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a> | Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> & <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>

    </div> <!-- end of footer -->

</div>
</body>
</html>


CSS-Code sin Style Tags:
Código:

li.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

/*
CSS Credit: http://www.templatemo.com
*/

body {
   margin: 0;
   padding: 0;
   line-height: 1.5em;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #ffc;
   background: #ffffff;
}
      
a:link, a:visited { color: #f9a025; text-decoration: none; font-weight: normal; }
a:active, a:hover { color: #FFFF66; text-decoration: underline; }

p { margin: 0px; padding: 0px; }

img { margin: 0px; padding: 0px; border: none; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.fl { float: left; }
.fr { float: right; }

.margin_r10 { margin-right: 10px; }

.button_01 a {
   display: block;
   width: 150px;
   height: 30px;
   padding: 7px 0 0 30px;
    background: url(image/templatemo_read_more.png) left bottom no-repeat;
   
   color: #f5e5c7;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
}

h1 {
   margin: 0 0 20px 0;
   padding: 2px 0 10px 0;
   font-size: 30px;
   font-weight: bold;
   color: #ffffff;
}

h2 {
   margin: 0px;
   padding: 0px;
   font-size: 26px;
   color: #ffffff;
   font-weight: normal;
   background: url(image/templatemo_header_bg.png) no-repeat;
}

h3 {
   margin: 0 0 10px 0;
   padding: 2px 0 5px 0;
   font-size: 16px;
   font-weight: bold;
   color: #CCC;   
   border-bottom: 1px dotted #333;
}

h4 {
   margin: 0 0 0 0;
   padding: 0 0 5px 0;
   font-size: 14px;
   color: #ffffff;
   font-weight: bold;
}

.image_wrapper {
   border: 1px solid #ffffff;
   margin-top: 3px;
   margin-bottom: 10px;
}

.fl_image {
   float: left;
   margin-right: 15px
}

.fr_image {
   float: right;
   margin-left: 15px
}

.list_01 {
   margin: 15px 0 20px 40px;
   padding: 0px;
}

.list_01 li {
   margin: 0px;
   padding: 0 0 10px 0;
   list-style-image: url(image/templatemo_list_icon.png);
}

.list_01 li a {
   color: #22160a;
}

#templatemo_container {
   width: 980px;
   margin: 0 auto;
}

/* banner */

#templatemo_banner {
   width: 980px;
   height: 430px;
   background:url(
http://sset.webcindario.com/Upload/tmp/fa6115edbe_templatemo_banner.jpg
) no-repeat;
}

/* end of banner */

/* end of menu */

#templatemo_menu {
   width: 980px;
   height: 110px;
   background: url(http://img27.xooimage.com/files/2/2/4/estivenson_menu-1448f32.jpg) no-repeat;
}

#templatemo_menu ul {
   float: right;
   padding: 0px;
   margin: 30px 50px 0 0;
   list-style: none;
}

#templatemo_menu ul li {
   padding: 0 20px;
   margin: 0px;
   display: inline;
   border-right: 1px solid #ffffff;
}

#templatemo_menu ul li a {
   padding: 0 0 15px 0;
   margin: 0;
   font-size: 16px;
   text-align: center;
   text-decoration: none;
   color: #AAA;   
   background: url(images/templatemo_menu_right.jpg) right top no-repeat;
   outline: none;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
   background: url(http://img23.xooimage.com/files/8/1/1/estivenson_hover-1448f3e.png) center bottom no-repeat;
   color: #FFF;
}

#templatemo_menu .last {
   border: none;
}

/* end of menu */

/* content */

#templatemo_content {
   clear: both;
   width: 840px;
   padding: 30px 70px;
   background: url(http://img49.xooimage.com/files/1/9/2/estivenson_content-1448f43.jpg) center repeat-y;
}

#main_column {
   float: left;
   width: 500px;
}

#side_column {
   float: right;
   width: 260px;
   padding: 0;
}

#main_column .post_box {
   clear: both;
}

.post_box h2 {
   font-size: 34px;
   color: #ffffff;
   padding: 2px 0;
   margin-bottom: 10px;
   text-align: left;
}

.post_box .post_info {
   width: 100%;
   margin: 0px;
   padding: 0px;
   list-style: none;
}

.post_box .post_info li {
   margin-right: 20px;
   padding: 0px;
   display: inline;
}

.post_info .post_date {
   color: #c2b59b;
}

.post_info .post_author a {
   color: #3497d2;
}

.post_info .post_comment a {
   color: #f9a025;
}

.post_box .post_body {
   clear: both;
   padding: 30px 0 20px 0;
   background: url(images/templatemo_post_body_bg.png) top center no-repeat;
}

.post_body img {
   border: 1px solid #CCC;
   margin-bottom: 15px;
}

.post_body p {
   margin-bottom: 10px;
}

.post_box .continue a {
   display: block;
   width: 80px;
   padding: 2px 0;
   text-align: center;
   color: #f9a020;
   font-weight: bold;
   background: #3d383b;   
   border-left: 5px solid #f9a020;
}

#side_column .ads_250_250 {
   border: 5px solid #ffffff;
}

#side_column .side_column_section {
   clear: both;
   width: 260px;
}

.ads_125_125 {
   float: left;
   width: 125px;
   height: 125px;
   margin: 0 0 10px 0;
}

.right_padding_10 {
   margin-right: 10px;
}

.recent_post {
   color: #747474;
   margin-bottom: 5px;
   padding-bottom: 5px;
   border-bottom: 1px solid #ccc;
}

.recent_post h4 a {
   font-size: 12px;
   color: #3fa7d8;
   font-weight: bold;
}
.recent_post h4 a:hover {
   text-decoration: none;
}

.section_w125 {
   width: 120px;
   padding: 0 5px 0 0;   
}

.side_column_section .friends {
   padding: 0px;
   margin: 0px;
   list-style: none;
}

.friends li {
   padding: 0px;
   margin: 0px;
}

.friends li a {
   font-size: 11px;
   color: #ffffff;
}

.friends li a:hover {
   color: #f9a01e;
}

.gallery {
   margin: 0px;
   padding: 0px;
   list-style: none;
}

.gallery li {
   margin: 0 0 0 0;
   padding: 0px;
   display: inline;
}

.gallery li a {
   float: left;
   display: block;
   margin: 0 10px 10px 0;
   border: 1px solid #ffffff;
}

.gallery li img {
   width: 70px;
   height: 70px;   
}

/* end of content */

/* footer */
#templatemo_footer {
   clear: both;
   width: 840px;
   height: 90px;
   color: #333;
   padding: 210px 70px 0 70px;
   background: url(http://sset.webcindario.com/Upload/tmp/94e52c92a8_templatemo_footer_bg.jpg) center no-repeat;
}

#templatemo_footer a {
   color: #000000;
   font-weight: bold;
}
/* end of footer */
 
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=