css7
Andate sul sito it.gg-->la tua scatola delle costruzioni-->impostare design-->selezionare CSS-Design
impostazioni avanzate-->incollare i codici dove richiesto dopo di che cliccare su salva!
<div id="container">
<div id="logo"><br>
<a href="http://tuweb.es.tl"><h1>Nombre de tu web!</h1></a>
</div>
<div id="head"><ul>
<li><a href="URL">Inicio</a></li>
<li><a href="URL">Quienes somos</a></li>
<li><a href="URL">Nuestro Servicio</a></li>
<li><a href="URL">Productos</a></li>
<li><a href="URL">Ayudanos</a></li>
<li><a href="URL" class="lastchild">Contacto</a></li>
</ul></div>
<div id="contento"><h1></h1>
<div id="left">
<div class="clear"></div>
</div>
<div id="right">
<h2>Noticias</h2>
<a href="URL">Descuentos</a>
<p>Ahora te más descuentos en nuestro productos solo por esta semana</p>
<a href="URL">Css Plantillas! =D</a>
<p>Css Plantillas es la web mejor en servicio web, entregando buenos diseños y recursos para el web master!</p>
<a href="URL">Nuevo diseño</a>
<p>Ahora tenemos nuevo diseño para que tu visita se a mucho más amigable!</p>
<a href="URL">Just Web Templates</a>
<p>Even more websites all about website templates on Just Web Templates. Even more websites all about website templates on Just Web Templates.</p>
<span><a href="URL">Ver más</a></span>
</div>
<div class="clear"></div></div>
<div id="footer">© 2009. tu web Todos los derechos reservados. Diseño por <a href="http://cssplantillas.es.tl">Css Plantillas</a></div>
</div>
#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#header {display: none;}
#title {display: none;}
#nav_container {display:none;}
table {margin-left:auto;margin-right:auto;}
body {background-image:url("https://img.webme.com/pic/c/cssplantillas/dog1.jpg");
color: #4d4b4a;font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;margin: 0px;padding: 0px;background-color: #e5e2db;
background-repeat: repeat-x;}
* {margin: 0px;padding: 0px;}
.clear{clear:both;}
#container {margin: 0px auto;text-align: left;width: 780px;}
#logo{background-color: #b6ad9b;
background-image: url("https://img.webme.com/pic/c/cssplantillas/dog2.jpg");
background-repeat: repeat-x;height: 69px;width: 774px;
margin: 0px;padding: 0px;text-align: center;}
#logo a{margin: 0px auto;text-decoration:none;Color:#333;}
#head {margin: 0px 0px 0px 0px;width: 774px;height:266px;
background-image: url("https://img.webme.com/pic/c/cssplantillas/dog3.jpg");
background-repeat: no-repeat;position:relative; }
#head ul{list-style-type: none;display:inline;
position:absolute;top:242px;left:100px;}
#head li{float:left;}
.lastchild{border-right: 0px none #4d4b4a !important;}
#head ul a{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;font-weight: bold;color: #4d4b4a;
text-decoration: none;padding: 0px 7px 0px 7px;border-right: 2px solid #4d4b4a;}
#head ul a:hover{color:#000000;}
#contento {background-color: #7b6b5c;width:774px;display:block;}
#contento h1{font-family: Arial, Helvetica, sans-serif;font-size: 18px;
font-weight: bolder;color: #FFFFFF;margin: 0px 23px 6px 28px;
padding: 20px 0px 0px 0px;border-bottom: 1px solid #bbb6a0;}
#left {background-color: #ddd8c6;border: 1px solid #c2bdaa;width:550px;
margin: 0px 0px 10px 28px;padding: 0px 0px 15px 0px;float:left;display:inline;}
#content{float:left;width:530px;}
#left h2{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;
font-weight: bolder;color: #4d4b4a;
text-decoration: underline;margin: 20px 0px 10px 23px;}
#left p{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;font-weight:lighter;color: #4d4b4a;margin: 6px 0px 0px 23px;}
#left a{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;font-weight:bold;color: #4d4b4a;}
#left a:hover{color:#000000;}
.photos{float:right;}
.photos img{display:block;}
#right {float:right;width:156px;background-color:#dad9cf;
margin: 0px 23px 10px 0px;padding: 0px 0px 6px 0px;
display:inline;border: 1px solid #c2bdaa;}
#right h2{font-family: Arial, Helvetica, sans-serif;
font-size: 12px;font-weight: bolder;color: #2c2c2c;
text-decoration: none;text-transform: uppercase;background-color:#c2bdaa;
width:156px;text-align:center;padding: 3px 0px 3px 0px;}
#right p{padding: 10px 9px 0px 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;color: #4d4b4a;}
#right a{padding: 15px 9px 5px 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;
color: #4d4b4a;font-weight:bolder;display:block;}
#right a:hover{color:#000000;}
#right span a{font-family: Arial, Helvetica, sans-serif;font-size: 11px;
font-weight: bolder;color: #605c4c;text-decoration: none;
text-transform: uppercase;background-color:#c2bdaa;width:138px;
text-align:left;padding: 3px 0px 3px 5px;margin: 15px 6px 0px 6px;}
#footer, #footer a {background-color: #bbb6a0;width: 774px;
height:22px;text-align:center;padding: 10px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;
font-weight: bolder;color: #4d4b4a;}
#footer a:hover{color:#000000;}
<div id="wrap">
<div id="header">
<div id="topbar">
<div id="searchbar">
<form action="http://www.free-css.com/">
<div><input type="text" id="keyword" />
<span><input type="image" src="http://www.fileden.com/files/2009/5/1/2426283/ir.jpg" id="button" alt="Go" />
</span>
</div>
</form>
</div>
<div id="navigation">
<ul>
<li class="active"><a href="/inicio.htm">Inicio</a></li>
<li><a href="/inicio.htm">Videos</a></li>
<li><a href="/inicio.htm">Imagenes</a></li>
<li><a href="/inicio.htm">Musica</a></li>
<li><a href="/inicio.htm">Contacto</a> </li>
</ul>
</div>
</div><br><br>
<div id="subnav">
<a href="#">Registrarse</a> |
<a href="#">Login</a> |
<a href="#">Sitemap</a> |
<a href="#">Contacto</a> |
<a href="#">Link's destacados</a> |
<a href="#">Inicio</a>
</div>
<h1 id="sitename">Css plantillas</h1>
</div>
<div id="waper">
<div id="sidebar">
<h2>Ultimos contenidos</h2>
<ul>
<li><a href="#">Contenido 1</a></li>
<li><a href="#">Contenido 1</a></li>
<li><a href="#">Contenido 1</a></li>
<li><a href="#">Contenido 1</a></li>
<li><a href="#">Contenido 1</a></li>
<li><a href="#">Contenido 1</a></li>
<li><a href="#">Contenido 1</a></li>
</ul>
<h2>Link's</h2>
<ul>
<li><a href="http://cssplantillas.es.tl">CssPlantillas</a></li>
<li><a href="#">Link's 2</a></li>
<li><a href="#">Link's 3</a></li>
<li><a href="#">Link's 4</a></li>
<li><a href="#">Link's 5</a></li>
<li><a href="#">Link's 6</a></li>
<li><a href="#">Link's 8</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<p>© 2009 - Todos los derechos reservados <a href="/inicio.htm">Tu web.es.tl</a></p>
<p>Home | About Us | Products | Services | Careers | Privacy Policy | Contact </p>
<p id="credit">Diseños por: <a href="http://ramblingsoul.com">CSS Template</a> | Adaptada por: <a href="http://cssplantillas.es.tl">Css Plantillas</a></p>
</div><!-- fin footer -->
</div>
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
table {margin-left:auto;margin-right:auto;}
* {padding:0; margin:0;}
body {
font:11px "Trebuchet MS", Arial, sans-serif;
color:#666;
background:#999 url("http://www.fileden.com/files/2009/5/1/2426283/bg.jpg") repeat-x;
}
.clear {
clear:both;
}
a, a:visited {
color: #930;
}
a:hover {
color:#09c;
text-decoration:none;
}
h1, h2, h3, h4 {
font:"Trebuchet MS", Arial, sans-serif;
}
h2 {
font:18px "Trebuchet MS", Arial, sans-serif;
}
#wrap {
background:url("http://www.fileden.com/files/2009/5/1/2426283/bg.jpg") repeat-y;
width:867px;
margin:auto;
}
#header{
background:url("http://www.fileden.com/files/2009/5/1/2426283/head.jpg") no-repeat;
height:144px;
}
#sidebar {
width: 200px;
float: right;
padding:15px 30px 5px 5px;
}
#content {
padding-left: 25px;
float: left;
width: 595px;
}
#waper {
background:#fff url("http://www.fileden.com/files/2009/5/1/2426283/waper.jpg");
width:867px;
margin: 0 auto;
}
#footer {
background:url("http://www.fileden.com/files/2009/5/1/2426283/footer.jpg") no-repeat;
height:103px;
padding:25px 0 0 0;
}
#topbar {
height:3px; padding:15px 25px 0 25px;
}
#searchbar {
width:250px;
float:left;
padding-left:35px;
background-image: url("http://www.fileden.com/files/2009/5/1/2426283/buscar.jpg");
background-repeat: no-repeat;
background-position: 3px 9px;
padding-top: 5px;
}
#searchbar #keyword {
width:150px;
display: block;
float: left;
height: 20px;
border: 1px solid #969696;
padding: 2px;
margin-right: 5px;
font-size: 14px;
}
#searchbar form {padding:3px;}
#navigation { margin-left:305px; padding-top:8px;}
#navigation ul {list-style:none;}
#navigation li {display:inline;}
#navigation a, #navigation a:visited, #navigation a:active {display:block; float:left; background:url("http://www.fileden.com/files/2009/5/1/2426283/menu2.jpg") repeat-x; height:19px; padding:5px 15px 0 15px; margin-right:5px; color:#000; text-decoration:none; border:solid 1px #999;}
#navigation a:hover {background:url("http://www.fileden.com/files/2009/5/1/2426283/menu1.jpg") repeat-x; color:#fff; border: solid 1px #09c;}
#navigation .active a {background:url("http://www.fileden.com/files/2009/5/1/2426283/menu1.jpg") repeat-x; color:#fff; border: solid 1px #09c;}
#sidebar h2 {display:block; color:#069; font:16px "Trebuchet MS", Arial, sans-serif; padding:5px; border-bottom: solid 1px #bbb; text-transform:uppercase;}
#sidebar ul {list-style:none; margin-bottom:15px;}
#sidebar li {display:block; height:26px; border-bottom:solid 1px #ddd;}
#sidebar a, #sidebar a:visited {display:block; height:21px; padding:5px 5px 0 5px; color:#333; text-decoration:none;}
#sidebar a:hover { color:#069;}
h3.subhead {
font-size:12px; text-transform:uppercase;
color: #fff;
display:block;
padding:5px;
border:solid 1px #ddd;
background: #990000;
}
.columns {padding:0 8px 0 8px;}
.col1 {width:30%; float:left;}
.col3 {width:30%; float:right;}
.col2 {margin:0 32% 0 32%;}
.clear2 {width:590px; clear:left; float:right; color:#fff!important;}
.columns div {background:#f3fbe0; height:200px;}
.columns div p {padding:5px;}
#subnav {padding: 9px 50px 0 420px; color:#fff;}
#subnav a {color:#fff; text-decoration:none;}
img.leftalign, img.rightalign {display:block; padding:3px; background:#efefef; border: solid 1px #ddd;}
img.leftalign {float:left; margin-right:8px;}
img.rightalign {float:right; margin-left:8px;}
h1#sitename {display:block; padding:5px 70px 0 50px; color:#fff; font:22px normal "Trebuchet MS", Arial, sans-serif; }
#sitename a, #sitename a:visited, #sitename a:hover {color:#fff; text-decoration:none;}
#footer p {text-align:center; display:block; padding:3px;}
#footer #credit {font-size:10px;}
<div id="head" class="clearfloat">
<div class="clearfloat">
<div id="logo" class="left">
<a href="/inicio.htm"><img src="http://www.fileden.com/files/2009/5/1/2426283/logo2.png" width="177px" height="39px" alt="" /></a>
<div id="tagline">Recursos web!</div>
</div>
<div class="right">
<img src="http://www.fileden.com/files/2009/5/1/2426283/wide.jpg" alt="" width="468px" height="60px" />
</div>
</div>
<div id="navbar" class="clearfloat">
<ul id="page-bar" class="left clearfloat">
<li><a href="index.htm">Inicio</a></li>
<li><a href="#">Musica</a></li>
<li><a href="#">Imagenes</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">Contacto</a></li>
</ul>
<!-- buscador -->
<form method="get" id="searchform" class="left" action="/resultados.htm"><div>
<input type="text" value="Escribe lo que buscas.." value="" name="s" id="s" onfocus="this.value=''" /><input type="image" src="http://www.fileden.com/files/2009/5/1/2426283/magnify.gif" id="searchsubmit" />
</div>
</form>
<!-- fin buscar -->
</div>
</div>
<div id="page" class="clearfloat">
<div id="top" class="clearfloat">
<div id="headline">
<img src="img/headline.png" width="75px" height="21px" alt="" />
</div><!-- fin headline -->
<div id="featured">
<img src="img/featured.png" width="72px" height="17px" alt="" />
</div><!-- fin featured -->
</div><!-- fin clearfloat -->
<div id="waper" class="clearfloat">
<div id="sidebar">
<div id="sidebar-ads">
<img src="http://www.fileden.com/files/2009/5/1/2426283/square.jpg" alt="" width="300px" height="250px" />
</div>
<div id="sidebar-top">
<h3>Paginas</h3>
<ul>
<li class="page_item page-item-2"><a href="#" ">Información</a></li>
</ul>
</div><!-- fin sidebar-top -->
<div id="sidebar-middle" class="clearfloat">
<div id="sidebar-left">
<h3>Recientes</h3>
<ul>
<li><a href="#">Discos </a></li>
<li><a href="#">Afinación </a></li>
<li><a href="#">¡Hola, mundo!</a></li>
</ul>
<h3>Meta</h3><ul>
<li><a href="#">Iniciar sesión</a></li>
<li><a href="#">RSS de las entradas</a></li>
<li><a href="#">RSS de los comentarios</a></li>
<li><a href="#">WordPress.org</a></li>
</ul>
<ul></ul>
</div>
<div id="sidebar-right">
<h3>Paginas amigas</h3>
<ul>
<li><a href="http://cssplantillas.es.tl">Css Plantillas</a></li>
<li><a href="#">Link's 3</a></li>
<li><a href="#">Link's 4</a></li>
<li><a href="#">Link's 5</a></li>
<li><a href="#">Link's 6</a></li>
<li><a href="#">Link's 7</a></li>
<li><a href="#">Link's 8</a></li>
<li><a href="#">Link's 9</a></li>
<li><a href="#">Link's 10</a></li>
</ul>
</div>
</div>
<div id="sidebar-bottom">
<h3>Enlaces</h3>
<ul class='xoxo blogroll'>
<li><a href="#">Enlace 1</a></li>
<li><a href="#">Enlace 2</a></li>
<li><a href="#">Enlace 3</a></li>
<li><a href="#">Enlace 4</a></li>
<li><a href="#">Enlace 5</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="front-popular" class="clearfloat">
<div id="recentpost" class="clearfloat">
<h3>Comentarios recientes</h3>
<ul id="recentcomments">
<li><a href='#'>Css Floid</a> en: Diseños avanzados</li>
<li><a href='#'>Color void</a> en: Diseños avanzados</li>
<li><a href='#'>Arthemia</a> en: Diseños avanzados</li>
<li><a href='#'>Css plantillas</a> en: Diseños avanzados</li>
<li><a href='#'>New design</a> en: Diseños avanzados</li>
<li><a href='#'>Css Floid</a> en: Diseños avanzados</li>
</ul>
</div>
<div id="mostcommented" class="clearfloat">
<h3>Comentario recientes</h3>
<ul>
<li><a href="#">Muy buena la pagina...</a> 30-09-08</li>
<li><a href="#">Muy buena la pagina...</a> 30-09-08</li>
<li><a href="#">Muy buena la pagina...</a> 30-09-08</li>
<li><a href="#">Muy buena la pagina...</a> 30-09-08</li>
</ul>
</div>
<div id="recent_comments" class="clearfloat">
<img src="http://www.fileden.com/files/2009/5/1/2426283/square.jpg" width="280px" height="210px" />
</div>
</div>
<div id="footer">
Potenciado por <a href="http://es.tl">Pagin web gratis</a> | Diseño <b>arthemia</b> por : <a href="http://michaelhutagalung.com">Michael Hutagalung</a> - Adaptado por: <a href="http://cssplantillas.es.tl">Css Plantillas</a>
</div><!-- fin footer -->
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
table {margin-left:auto;margin-right:auto;}
* {
margin:0;
padding:0;
}
body {
font: 100% Arial, Helvetica;
background: #FFF;
color: #333;
}
p {
margin: 15px 0;
}
a:link, a:visited {
color: #3c78a7;
text-decoration:none
}
a:hover, a:active {
color: #3c78a7;
text-decoration:underline;
}
a img {
border:0;
}
code {
font: 1.0em 'Courier New', Courier, Fixed;
background:#ececec;
}
acronym, abbr, span.caps {
font-size: 0.9em;
letter-spacing: .07em;
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
padding: 10px 10px 0 10px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #eee;
font:1.0em Arial;
line-height:1.5em;
margin:10px 0px;
}
select {
width: 130px;
}
/* Structure */
#head {
width:960px;
margin:0px auto;
margin-top:15px;
padding:0px;
font-size:0.7em;
}
#page {
width:940px;
margin:0px auto;
padding:10px;
background:#ececec;
font-size:0.7em;
}
.left, .alignleft {
float:left;
}
.right, .alignright {
float:right;
}
/* Navigation Bar*/
#navbar {
margin:0 auto;
margin-top:15px;
padding:0px 10px;
text-transform:uppercase;
background:#2c2c2c url("http://www.fileden.com/files/2009/5/1/2426283/navbar.png");
}
#page-bar {
width:722px;
}
#page-bar ul {
list-style: none;
}
#page-bar li {
float:left;
list-style:none;
cursor: pointer;
display:block;
border-right:1px solid #333;
}
#page-bar li:hover {
background: #3c78a7;
}
#page-bar a, #page-bar a:visited {
margin: 0px;
padding:10px 16px;
font-weight:bold;
color:#FFF;
display:block;
}
#page-bar a:hover {
text-decoration:none;
display:block;
}
#searchform {
width:194px;
float:right;
text-align:right;
padding-top:8px;
margin-right:10px;
}
/* Dropdown Menus */
#page-bar li {
float: left;
margin: 0px;
padding: 0px;
}
#page-bar li li {
float: left;
margin: 0px;
padding: 0px;
width: 122px;
text-transform:none;
}
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
background: #2B2B2B;
width: 122px;
float: none;
margin: 0px;
padding: 5px 10px 5px 18px;
border-top: 1px solid #C0C0C0;
}
#page-bar li li a:hover, #page-bar li li a:active {
background: #666666;
padding: 5px 10px 5px 18px;
}
#page-bar li ul {
position: absolute;
width: 10em;
left: -999em;
}
#page-bar li:hover ul {
left: auto;
display: block;
}
#page-bar li:hover ul, #page-bar li.sfhover ul {
left: auto;
}
/* Text*/
h1 {
font:3.5em Arial;
font-weight:bold;
letter-spacing:-0.08em;
}
h2 {
font:2.3em Georgia, "Times New Roman";
}
h3 {
font:1.3em Arial;
margin-bottom:3px;
color:#3c78a7;
font-weight:bold;
}
h4 {
font:1.0em Arial;
}
h3.cat_title, h3.cat_title a {
color:#333;
letter-spacing:-0.05em;
font-size:0.85em;
}
h3#respond {
margin-top:0px;
padding-top:20px;
}
h3#comments {
margin-top:32px;
padding-left:0px;
}
h3.authors {
margin-top:15px;
}
/* Index Page*/
#logo {
width:350px;
}
#tagline {
margin-top:5px;
font-size:1em;
color:#333;
}
#top {
padding:0;
}
#headline {
width:590px;
float:left;
background:#fff;
padding:10px;
font-size:1.05em;
line-height:1.5em;
margin:0;
}
#headline div.title {
font-weight:bold;
font:2.4em Georgia;
letter-spacing:-0.05em;
display:block;
padding-bottom:5px;
}
#headline div.meta {
display:block;
margin-top:-5px;
padding-bottom:2px;
}
#headline p {
padding-bottom:15px;
}
#featured {
width:300px;
background:#fff;
float:right;
padding:10px 10px 9px 10px;
}
#featured .clearfloat {
margin-top:7px;
margin-bottom:8px;
}
#featured .info {
margin-top:5px;
padding-top:5px;
float:right;
width:180px;
}
#featured .title {
font-weight:bold;
}
#headline a img, #featured a img {
border:1px solid #ccc;
margin-top:5px;
margin-right:10px;
padding:2px;
}
.category {
width:164px;
float:left;
border-top:8px solid #333;
margin:0px;
padding:5px 10px 10px 10px;
background:#fff;
}
.category p {
margin:0;
}
#cat-1, #cat-3, #cat-5 {border-top:8px solid #333333;}
#cat-2, #cat-4 {border-top:8px solid #3c78a7;}
.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {
text-transform:lowercase;
margin:0;
font-weight:bold;
font-size:1.5em;
letter-spacing:-0.05em;
}
#front-popular h3 {
color:#fff;
}
.category a {
color:#333;
display:block;
background:none;
}
.category a:hover {
background:none;
color:#fff;
text-decoration:none;
}
#waper {
width: 940px;
}
#content {
width:590px;
background:#fff;
padding:10px;
font-size:1.05em;
line-height:1.75em;
float:left;
}
#archive {
padding-top:15px;
font-size:1.05em;
line-height:1.75em;
}
#front-list blockquote {
padding: 0px 10px 0 10px;
}
#front-list .title, #archive .title {
font-weight:bold;
font:2.0em Georgia;
letter-spacing:-0.05em;
}
#front-list .clearfloat, #archive .clearfloat {
padding-bottom:10px;
border-bottom:1px dotted #ccc;
margin-bottom:10px;
}
#front-list .spoiler, #archive .spoiler {
display:block;
margin-top:3px;
}
#front-list p, #archive p {
margin:0px;
padding:0px;
}
.author {
font-size:0.8em;
font-weight:bold;
}
.meta {
font-size:0.8em;
color:#333;
}
.meta a {
color:#333;
}
#headline p, #featured p {
margin:0;
}
/* Content Page*/
/* Sidebar*/
#sidebar {
width:320px;
float:right;
margin:0px 0px 0px 0px;
}
#sidebar h3 {
font:1.1em Arial;
font-weight:bold;
background:#333;
color:#fff;
margin:10px 0px 5px 0px;
padding:3px 10px;
}
#sidebar-top, #sidebar-bottom {
width:300px;
float:right;
padding:0px 10px 10px 10px;
background:#fff;
}
#sidebar-bottom, #sidebar-middle {
margin-top:10px;
}
#sidebar-middle {
width:320px;
float:right;
}
#sidebar-left {
width:135px;
padding:0px 10px 10px 10px;
float:left;
background:#fff;
}
#sidebar-right {
width:135px;
padding:0px 10px 10px 10px;
float:right;
background:#fff;
}
#sidebar li {
list-style:none;
border-bottom:1px dotted #ccc;
display:block;
padding:2px 0px 2px 13px;
background:url("http://www.fileden.com/files/2009/5/1/2426283/sub.png") no-repeat 0 0px;
}
#sidebar li ul li:last-child{
list-style:none;
border-bottom:0px dotted #ccc;
display:block;
padding:2px 0px 0px 13px;
background:url("http://www.fileden.com/files/2009/5/1/2426283/sub.png") no-repeat 0 0px;
}
#sidebar-ads {
width:300px;
float:right;
margin-bottom:10px;
padding:10px;
background:#fff;
}
/* Form Elements */
select {
border:1px solid #333;
width:100%
}
.field {
padding: 2px;
border:1px solid #333;
background:#fff;
font-size:1.0em;
}
#s {
padding:1px;
font-size:1.0em;
width:150px;
}
#searchsubmit {
padding-left:5px;
}
#commentform input {
width: 140px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 99%;
margin-top:5px;
}
/* Comments*/
.commentlist cite {
font-style:normal;
margin-bottom:4px;
display:block;
}
.commentlist blockquote {
background:#ededed;
}
.commentlist li {
padding: 10px 0px 10px 0px;
list-style:none;
margin-bottom:3px;
}
.commentlist li li {
background:none;
border:none;
list-style:square;
margin:3px 0 3px 20px;
padding:3px 0;
}
.commenttext {
padding: 10px 10px 0px 10px;
background:#f2f2f2;
border-top:1px solid #ddd;
border-bottom: 1px solid #ddd;
width:495px;
float:right
}
.commentlist cite strong {
font-size:1.1em;
}
li.my_comment {
background: #FFF;
border:none;
}
li.my_comment cite strong {
font-size: 1.3em;
color:#313228;
}
#commentform small {
background:#FFF;
font-weight:bold;
padding:0;
}
.commentmetadata {
color:#4d4d4d;
display: block;
margin-top:3px;
text-align:right;
font-size:0.9em;
}
.commentmetadata a, .commentmetadata a:visited {
color:#959382;
}
.commentlist small {
background:#e9e9e9;
}
.avatar {
border:1px solid #bbb;
margin:0px 10px 0px 0px;
float:left;
padding:2px;
width:55px;
height:55px;
}
#comment {
width:590px;
background:#fff;
}
/* Footer*/
#front-popular {
font-size:0.7em;
color:#fff;
width: 940px;
background:#2c2c2c url("http://www.fileden.com/files/2009/5/1/2426283/bottombar.png") bottom no-repeat;
margin: 0 auto;
padding:10px;
}
#recentpost, #mostcommented {
width:280px;
float:left;
padding:10px;
border:1px solid #fff;
}
#mostcommented {
margin-left:17px;
}
#recent_comments {
width:280px;
float:right;
padding:10px;
border:1px solid #fff;
}
#recentpost a, #mostcommented a, #recent_comments a {
color:#fff;
}
#recentpost ul, #mostcommented ul, #recent_comments ul {
margin-top:5px;
}
#recentpost ul li, #mostcommented ul li, #recent_comments ul li {
list-style:none;
border-top:1px dotted #fff;
padding:5px;
display:block;
}
#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {
background:#3c78a7;
color:#fff;
}
#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
border-top:0px dotted #fff;
}
#footer {
margin: 0 auto;
width: 960px;
font-size:0.6em;
padding-top:10px;
padding-bottom:10px;
}
/* Float Properties*/
.clearfloat:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfloat {
display: inline-block;
}
/* Hides from IE-mac */
* html .clearfloat {
height:1%;
}
*+html .clearfloat {
height:1%;
}
.clearfloat {
display:block;
}
<!-- www.cssplantillas.es.tl -->
<div id="paper_left"><div id="paper_right">
<div id="layout_wrapper"><div id="layout_container">
<div id="layout_content"><div id="site_title">
<h1><a href="#">Css Plantillas</a></h1>
<h2>Recursos web!</h2>
</div>
<div id="header_image"></div>
<div class="navigation"><ul>
<li class="current_page_item"><a href="URL">Inicio</a></li>
<li><a href="URL">Link's 1</a></li>
<li><a href="URL">Link's 2</a></li>
<li><a href="URL">Link's 3</a></li>
<li><a href="URL">Link's 4</a></li>
</ul>
<div class="clearer"></div>
</div>
<div id="main">
<div class="post">
<!-- www.cssplantillas.es.tl -->
<!-- www.cssplantillas.es.tl -->
</div></div>
<div id="bottom"><div class="left col3">
<h2>Web's amigas</h2><ul>
<li><a href="URL">Link's 1</a></li>
<li><a href="URL">Link's 2</a></li>
<li><a href="URL">Link's 3</a></li>
<li><a href="URL">Link's 4</a></li>
<li><a href="URL">Link's 5</a></li>
</ul></div>
<div class="left col3">
<h2>Link's importantes</h2><ul>
<li><a href="URL">Link's 1</a></li>
<li><a href="URL">Link's 2</a></li>
<li><a href="URL">Link's 3</a></li>
<li><a href="URL">Link's 4</a></li>
<li><a href="URL">Link's 5</a></li>
</ul></div>
<div class="right col3last">
<h2>Ultimas entradas</h2><ul>
<li><a href="URL">Link's 1</a></li>
<li><a href="URL">Link's 2</a></li>
<li><a href="URL">Link's 3</a></li>
<li><a href="URL">Link's 4</a></li>
<li><a href="URL">Link's 5</a></li>
</ul></div>
<div class="clearer"></div></div>
<div id="footer">
<div class="left">© 2008 Website name</div>
<div class="right"><a href="http://templates.arcsin.se/">Website template</a> Adaptado por: <a href="http://cssplantillas.es.tl">CssPlantillas</a></div>
<div class="clearer"></div>
</div></div></div>
</div></div></div>
<!-- www.cssplantillas.es.tl -->
<!-- www.cssplantillas.es.tl -->
#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#header {display: none;}
#title {display: none;}
#nav_container {display:none;}
table {margin-left:auto;margin-right:auto;}
html {font-size: 62.5%;height: 100%;}
body {background: #444 url("https://img.webme.com/pic/c/cssplantillas/grunges1.jpg");
color: #444;font: normal 1.2em Verdana,Arial,sans-serif;height: 100%;
padding-bottom: 1px;padding-top: 0px;}
small,.small {font-size: 0.9em;}
a {color: #EEC;text-decoration: none;}
a:hover {color: #FFA;text-decoration: underline;}
p {padding: 0.2em 0 1.2em;}
blockquote, code {background:#4A4A4A;border:1px solid #333;color:#BBB;
display:block;margin-bottom:12px;}
code {font: normal 0.9em Verdana,sans-serif;line-height: 1.5em;padding: 8px 14px;}
h1 {font: normal 2em Georgia,sans-serif;}
h2 {font: normal 1.6em Georgia,sans-serif;}
h3 {font: normal 1.4em Georgia,sans-serif;}
h4 {font: bold 1em Georgia,sans-serif;}
h1, h2, h3, h4 {margin-bottom: 5px;}
#paper_left {background: url("https://img.webme.com/pic/c/cssplantillas/grunges2.gif") no-repeat left top;
margin: 0 auto;padding-bottom: 34px;width: 778px;}
#paper_right {background: url("https://img.webme.com/pic/c/cssplantillas/grunges3.gif") no-repeat right bottom;}
#layout_wrapper {background: #50504A url("https://img.webme.com/pic/c/cssplantillas/grunges4.gif");
margin: 0 auto;width: 736px;}
#layout_container {padding: 8px;}
#layout_content {border: 1px solid #333;}
#header_image {height: 160px;border-bottom: 1px solid #222;border-top: 1px solid #111;
background: #222 url("https://img.webme.com/pic/c/cssplantillas/grunges5.jpg") no-repeat; }
#site_title {background: #222;padding: 12px 20px;}
#site_title h1 {color: #EED;font: normal 2em Georgia,sans-serif;margin: 0 0 5px;}
#site_title h2 {color: #BFBFB6;font:normal 1.1em sans-serif;margin: 0;}
#content{padding:10px;}
.navigation {background: #353535 url("https://img.webme.com/pic/c/cssplantillas/grunges6.jpg") repeat-x;
border-bottom: 1px solid #222;border-top: 1px solid #555;}
.navigation ul {display: inline; margin: 0;}
.navigation ul li {border-right: 1px solid #303030;float: left;list-style: none;}
.navigation a {color: #AAA;display: block;font: bold 1em Verdana,sans-serif;
padding: 12px 14px;text-decoration: none;}
.navigation a:hover {background: #444;color: #E5E5D5;text-decoration: none;}
.navigation li.current_page_item a {background: none;color: #EEE;}
#subnav a {padding: 10px;font-size: 0.9em;}
#main {background: #4A4A4A;color: #CCC;}
#bottom {background: #222;border-bottom: 1px solid #1A1A1A;border-top: 1px solid #2A2A2A;
color: #AAA;padding: 16px;}
#bottom ul li {border-bottom: 1px solid #303030;}
#bottom ul li a {color: #777;display: block;padding: 4px 6px;}
#bottom ul li a:hover {background: #2A2A2A;color: #FFC;text-decoration: none;}
#footer{background:#222;padding:3px;font-size:10px;}
#footer a {color: #AAA;}
#footer .right,#footer .right a {color: #555;}
#footer a:hover {color: #BBB;}
.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;}
.clearer,.block {display: block;line-height: 0;font-size: 0;}
.clearer {height: 0;}
.col3, .col3last {width: 31%; margin-right: 3%;}
.col3last {margin-right: 0;}
img.bordered {padding: 3px; background: #666;}
.tleft {text-align: left;}
.tcenter {text-align: center;}
.tright {text-align: right;}
.vtop {vertical-align: top;}
.ptb10 {padding: 10px 0;}
.post {background: #363636;border-bottom: 1px solid #111;}
form {margin: 0; padding: 0;}
input#s, textarea, input.styled {background: #DDD;border: 3px solid #555;
font: normal 1em Verdana,sans-serif;padding: 3px;width: 160px;}
<!-- www.cssplantillas.es.tl -->
<!-- www.cssplantillas.es.tl -->
<style>
#header_wrapper
{background: Url("URL DE TU CABEZAL") repeat-x;} /* ANCHO 992PX ALTO: 150PX */
</style>
<div id="layout_wrapper"><div id="layout_wrapper2">
<div id="layout_wrapper3"><div id="layout_wrapper4">
<div id="header_wrapper"><div id="head">
<div id="site_title">
<!-- Cabecera -->
<h1><a href="http://cssplantillas.es.tl">Css Plantillas</a></h1>
<h2>Recursos web!</h2>
<!-- Fin Cabecera -->
</div></div></div>
<div id="navigation"><div id="nav"><ul class="tabbed">
<!-- menu 1 -->
<li class="current_page_item"><a href="URL">Inicio</a></li>
<li><a href="URL">Link's 2</a></li>
<li><a href="URL">Link's 3</a></li>
<li><a href="URL">Link's 4</a></li>
<li><a href="URL">Link's 5</a></li>
<!-- Fin menu 1 -->
</ul><div class="clearer"></div>
</div><div id="subnav">
<ul class="tabbed">
<li class="current_page_item"><a href="URL">Link's 1</a></li>
<li><a href="URL">Link's 2</a></li>
<li><a href="URL">Link's 3</a></li>
<li><a href="URL">Link's 4</a></li>
</ul>
<div class="clearer"></div>
</div></div>
<div id="main_wrapper"><div id="main">
<div class="left" id="content_wrapper">
<!-- www.cssplantillas.es.tl -->
<!-- www.cssplantillas.es.tl -->
</div><div class="right" id="sidebar_wrapper">
<div id="sidebar"><div class="box">
<div class="box_title">Nuestra web</div>
<div class="box_content"><p>
<!-- Escribe aqui lo que quieras! -->
Aenean sit amet dui at felis lobortis dignissim. Pellentesque risus nibh, feugiat in, convallis id, congue ac, sem. Sed tempor neque in quam.
<!-- Fin -->
</p></div></div>
<div class="box"><div class="box_title">Categorias</div>
<div class="box_content"><ul>
<li><a href="URL">Link's 1</a></li>
<li><a href="URL">Link's 2</a></li>
<li><a href="URL">Link's 3</a></li>
<li><a href="URL">Link's 4</a></li>
<li><a href="URL">Link's 5</a></li>
</ul>
</div></div><div class="box">
<div class="box_title">Recursos</div>
<div class="box_content"><ul>
<li><a href="URL">Link's 1</a></li>
<li><a href="URL">Link's 2</a></li>
<li><a href="URL">Link's 3</a></li>
<li><a href="URL">Link's 4</a></li>
<li><a href="URL">Link's 5</a></li>
</ul>
</div></div></div></div>
<div class="clearer"></div>
</div></div>
<div id="dashboard_outer"><div id="dashboard">
<div class="col3 left"><div class="col3_content">
<div class="col_title">Link's final 1</div><ul>
<li><a href="URL">Link's 1</a></li>
<li><a href="URL">Link's 2</a></li>
<li><a href="URL">Link's 3</a></li>
<li><a href="URL">Link's 4</a></li>
<li><a href="URL">Link's 5</a></li>
</ul></div></div>
<div class="col3mid left"><div class="col3_content">
<div class="col_title">Link's final 2</div><ul>
<li><a href="URL">Link's 1</a></li>
<li><a href="URL">Link's 2</a></li>
<li><a href="URL">Link's 3</a></li>
<li><a href="URL">Link's 4</a></li>
<li><a href="URL">Link's 5</a></li>
</ul></div></div>
<div class="col3 right"><div class="col3_content">
<div class="col_title">Link's final 3</div><ul>
<li><a href="URL">Link's 1</a></li>
<li><a href="URL">Link's 2</a></li>
<li><a href="URL">Link's 3</a></li>
<li><a href="URL">Link's 4</a></li>
<li><a href="URL">Link's 5</a></li>
</ul></div></div>
<div class="clearer"></div></div></div>
<div id="footer"><div class="left">
<!-- Copyright -->
© 2009 Website.com - tusitioweb
<!-- Fin Copyright -->
</div><div class="right">
<a href="http://templates.arcsin.se">Website template</a> Adapter by: <a href="http://cssplantillas.es.tl">Css Plantillas</a>
</div>
<div class="clearer"></div>
</div></div></div></div></div>
<!-- www.cssplantillas.es.tl -->
<!-- www.cssplantillas.es.tl -->
#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#header {display: none;}
#title {display: none;}
#nav_container {display:none;}
table {margin-left:auto;margin-right:auto;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
html {height: 100%;padding-bottom: 1px;}
body {background: #797E84 url("https://img.webme.com/pic/c/cssplantillas/ngloom1.jpg");
color:#444;font:normal 80% sans-serif;line-height:1.5;}
h1,h2,h3,h4,h5,h6 {color:#555;font-weight:normal;line-height:1;margin-bottom:0.3em;}
h4,h5,h6 {font-weight: bold;}
h1 {font-size: 2.6em;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
p {margin-bottom: 1em;}
a:focus,a:hover {color: #000;}
a {color: #357;text-decoration: underline;}
abbr, acronym {border-bottom: 1px dotted #666;}
address {margin-bottom: 1.5em;}
blockquote {margin: 1.5em;}
del, blockquote {color: #666;}
em, dfn, blockquote, address {font-style: italic;}
strong, dfn {font-weight: bold;}
sup, sub {line-height: 0;}
pre {margin: 1.5em 0;white-space: pre;}
pre,code,tt {font: 1em monospace;line-height: 1.5;}
li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 0 1.5em 1.5em 1.5em;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}
dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}
ul.tabbed {display: inline;margin: 0;}
ul.tabbed li {float: left;list-style: none;margin: 0;}
textarea {overflow: auto;}
input.text, textarea, select {background: #FCFCFC;border: 1px inset #AAA;padding: 4px 5px;}
input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}
input.button {background: #F9F9F3;border: 1px outset #AAA;padding: 4px 5px;}
input.button:active {border-style: inset;}
.form_property, .form_value {float: left;}
.form_property {text-align: right;width: 110px;}
.form_value {padding-left: 24px;}
.form_row_submit .form_value {padding-left: 132px;}
.center,.aligncenter {display: block;margin-left: auto;margin-right: auto;}
img.bordered,img.alignleft,img.alignright,img.aligncenter {background-color: #FFF;
border: 1px solid #DDD;padding: 3px;}
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}
.left,.alignleft {float: left;}
.right,.alignright {float: right;}
.clear,.clearer {clear: both;}
.clearer {display: block;font-size: 0;line-height: 0;}
.content_separator, .archive_separator {background: #D5D5D5;clear: both;color: #FFE;
display: block;font-size: 0;height: 1px;line-height: 0;margin: 12px 0 24px;}
.archive_separator {margin: 0 0 14px;}
.post {margin-bottom: 24px;}
.post_title a,.post_meta a, .post_date a {text-decoration: none;}
.post_title a:hover,.post_meta a:hover, .post_date a:hover {text-decoration: underline;}
.post_date {border-top:1px solid #D5D5D5;color:#777;font-size:0.9em;padding:8px 0 12px;}
.post_date a {color: #444;}
.post_meta {background: #E7E7E7;border: 1px solid #D7D7D7;
color: #777;font-size: 0.9em;padding: 6px 10px;}
.post_meta a {color: #345; }
.post_meta a:hover {color: #001;}
.archive_pagination {margin-bottom: 1.6em;}
.archive_post {margin-bottom: 14px;}
.archive_post_title {padding-top: 3px;}
.archive_post_date {background:#FAFAFA;border-bottom:1px solid #C5C5C5;border-right:1px solid #CFCFCF;
float: left;margin-right:12px;padding: 2px 0 5px;text-align: center;width: 46px;}
.archive_post .post_date {border: none;padding:3px 0 0;}
.archive_post_day {font: normal 1.6em Georgia,serif;}
.thumbnails {margin: 0 0 1em -8px;}
.thumbnails a.thumb{background:#D5D5D5;display:block;float:left;margin:0 0 8px 8px;padding:3px;}
.thumbnails a.thumb:hover {background: #C0C0C0;}
.thumbnails .thumb img {display: block;}
.box {margin-bottom: 0.6em;}
.box_title {background: #D2D5D8;border-bottom: 1px solid #C6C9CB;color: #70767A;
font: bold 1.3em sans-serif;padding: 7px 10px 6px;}
.box_content {padding: 8px 0 8px;}
.box li:first-child {border-top: none;}
div.comment_list {border-top: 1px solid #D6D6D6; margin: 1em 0 2em;}
.comment {border-bottom: 1px solid #D6D6D6;padding-top: 10px;}
.comment_date {font-size: 0.9em;}
.comment_date a {color: #567;text-decoration: none;}
.comment_date a:hover {color: #001;text-decoration: underline;}
.comment_body {padding-top: 4px;}
.comment_gravatar {width: 48px;}
.comment_gravatar img {background: #FFF;border: 1px solid #DDD;padding: 2px;}
#layout_wrapper {background: url("https://img.webme.com/pic/c/cssplantillas/ngloom2.jpg") repeat-x;
padding-bottom: 16px;}
#layout_wrapper2 {background: url("https://img.webme.com/pic/c/cssplantillas/ngloom3.jpg") no-repeat center top;
padding-top: 10px;}
#layout_wrapper3 {background: #FFF;margin: 0 auto;width: 992px; }
#layout_wrapper4 {padding: 6px;}
#header_wrapper {height: 150px;}
#head {padding: 48px 48px 0 48px;}
#site_title h1 {color: #A0C3D0;font-size: 2.5em;}
#site_title h1 a {color: #A0C3D0;text-decoration: none;}
#site_title h1 a:hover {color: #DDD;}
#site_title h2 {color: #999;font-size: 1.3em;}
#navigation {background: #6E7D85 url("https://img.webme.com/pic/c/cssplantillas/ngloom5.gif") repeat-x;
margin-bottom: 3px;padding-top: 4px;}
#navigation a {color:#E0E6EA;display:block;font-weight:bold;text-decoration: none;}
#navigation a:hover {color: #F0F6FA;}
#nav li {border-right: 1px solid #54646C;}
#nav a {font-size: 1.3em;padding: 10px 16px;}
#nav a:hover {background: #5E6D75;}
#nav li.current_page_item a {background: #6E7D85;color: #FFF;}
#subnav {border-top: 1px solid #555A5F;background: #60656A;}
#subnav li {border-right: 1px solid #50555A;}
#subnav a {font-size: 1.1em;padding: 9px 12px;}
#subnav a:hover {background: #555A5F;}
#main_wrapper {background: url("https://img.webme.com/pic/c/cssplantillas/ngloom6.gif") repeat-y;
border-bottom: 1px solid #C3C4C1;margin-bottom: 3px;}
#main {background: url("https://img.webme.com/pic/c/cssplantillas/ngloom7.gif") no-repeat;padding: 24px 0;}
#content_wrapper {width: 690px;}
#content {padding: 0 20px;}
#sidebar_wrapper {width: 290px;}
#sidebar {padding: 0 18px;}
#dashboard_wrapper {}
#dashboard {background: #C9CDCF url("https://img.webme.com/pic/c/cssplantillas/ngloom8.gif") repeat-x;
border:1px solid #ACAFB0;color:#404448;margin-bottom:3px;padding: 16px;}
#dashboard .col3 {width: 288px;}
#dashboard .col3mid {width: 370px;}
#dashboard .col3mid .col3_content {border-left: 1px solid #B0B4B8;
border-right: 1px solid #B0B4B8;margin: 0 20px;padding: 0 20px;}
#dashboard .col_title {color: #606669;font-size: 1.5em;}
#dashboard ul {margin: 0;}
#dashboard li {border-bottom:1px solid #BABEBF;list-style:none;padding:5px 0;}
#dashboard li a {color: #404448;text-decoration: none;}
#dashboard li a:hover {color: #202428;text-decoration: underline;}
#footer {background: #DDD;border: 1px solid #CCC;padding: 8px 12px;}
#footer .right, #footer .right a {color: #777;text-decoration: none;}
#footer .right a:hover {color:#223;text-decoration: underline;}
* html #main, * html #dashboard {height: 0.01%; min-height: 0.01%;}
<!-- www.cssplantillas.es.tl -->
<!-- www.cssplantillas.es.tl -->
<div id="layout_wrapper_outer">
<div id="layout_wrapper">
<div id="layout_top">
<div id="site_title">
<!-- (Cabezal) Titulo de la pagina -->
<h1><a href="#">Css <span>Plantillas!</span></a></h1>
<h2>Recursos web!</h2>
</div></div>
<div id="layout_body_outer">
<div id="layout_body">
<div id="navigation">
<div id="nav1"><ul>
<!-- Menu horizontal 1 -->
<li class="current_page_item"><a href="URL">Inicio</a></li>
<li><a href="URL">Link's 1</a></li>
<li><a href="URL">Link's 2</a></li>
<li><a href="URL">Link's 3</a></li>
<li><a href="URL">Link's 4</a></li>
</ul><div class="clearer"></div></div>
<div id="nav2"><ul>
<!-- Menu horizontal 2 -->
<li class="current_page_item"><a href="URL">Link's 1</a></li>
<li><a href="URL">Link's 2</a></li>
<li><a href="URL">Link's 3</a></li>
<li><a href="URL">Link's 4</a></li>
<div class="clearer"></div>
</div></div><div id="main">
<div class="left" id="content_outer">
<!-- www.cssplantillas.es.tl -->
<!-- www.cssplantillas.es.tl -->
</div><div class="right" id="sidebar_outer">
<div id="sidebar"><div class="box">
<div class="box_title">Mi web!</div>
<div class="box_content"><p>
Aqui puedes poner lo que quieras! si quieres puedes poner una descripcion de tu web.
</p></div></div>
<div class="box">
<div class="box_title">Categorias</div>
<div class="box_content"><ul>
<li><a href="URL">Nombre del link's 1</a></li>
<li><a href="URL">Nombre del link's 2</a></li>
<li><a href="URL">Nombre del link's 3</a></li>
<li><a href="URL">Nombre del link's 4</a></li>
<li><a href="URL">Nombre del link's 5</a></li>
</ul></div></div><div class="box">
<div class="box_title">Recursos</div>
<div class="box_content"><ul>
<li><a href="URL">Nombre del link's 1</a></li>
<li><a href="URL">Nombre del link's 2</a></li>
<li><a href="URL">Nombre del link's 3</a></li>
<li><a href="URL">Nombre del link's 4</a></li>
<li><a href="URL">Nombre del link's 5</a></li>
</ul></div></div>
</div></div><div class="clearer"></div></div>
<div id="dashboard"><div id="dashboard_inner">
<div class="col3 left"><div class="col3_content">
<div class="col_title">Lin's de abajo 1</div><ul>
<li><a href="URL">Link's 1</a></li>
<li><a href="URL">Link's 2</a></li>
<li><a href="URL">Link's 3</a></li>
<li><a href="URL">Link's 4</a></li>
<li><a href="URL">Link's 5</a></li>
</ul></div></div><div class="col3mid left">
<div class="col3_content">
<div class="col_title">Lin's de abajo 2</div><ul>
<li><a href="URL">Link's 1</a></li>
<li><a href="URL">Link's 2</a></li>
<li><a href="URL">Link's 3</a></li>
<li><a href="URL">Link's 4</a></li>
<li><a href="URL">Link's 5</a></li>
</ul></div></div>
<div class="col3 right"><div class="col3_content">
<div class="col_title">Praesent</div><ul>
<li><a href="URL">Link's 1</a></li>
<li><a href="URL">Link's 2</a></li>
<li><a href="URL">Link's 3</a></li>
<li><a href="URL">Link's 4</a></li>
<li><a href="URL">Link's 5</a></li>
</ul></div></div>
<div class="clearer"></div>
</div></div></div></div>
<div id="footer">
<div class="left">
© 2009 Tuweb.es.tl - Tu eslogan
</div><div class="right">
<a href="http://templates.arcsin.se/">Website template</a> | Adapter by <a href="http://cssplantillas.es.tl">CssPlantillas</a></div>
<div class="clearer"></div></div></div></div>
<!-- www.cssplantillas.es.tl -->
<!-- www.cssplantillas.es.tl -->
#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#header {display: none;}
#title {display: none;}
#nav_container {display:none;}
table {margin-left:auto;margin-right:auto;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;
font-size: 100%; vertical-align: baseline; background: transparent; } body {
line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content:
none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
html {height: 100%;padding-bottom: 1px;}
body {background: #202020 url("https://img.webme.com/pic/w/webcp/cerulean1.gif") repeat-x left top;
color: #5A5A50;font: normal 0.8em sans-serif;line-height: 1.5em; }
p {padding: 0.2em 0 1em;}
h1 {font: normal 2em sans-serif;}
h2 {font: normal 1.8em sans-serif;}
h3 {font: normal 1.6em sans-serif;}
h4 {font: normal 1.4em sans-serif;}
h5 {font: bold 1.2em sans-serif;}
h6 {font: bold 1em sans-serif;}
h1,h2,h3,h4,h5,h6 {color: #456;margin-bottom: 0.3em;}
dl {margin-bottom: 2em;}
dt,dd {padding: 8px 10px;}
dt {border-bottom: 1px solid #D5D5D5;background: #E5E5E5;color: #555;font-weight: bold;}
dd {background: #F5F5F5;border-bottom: 1px solid #E5E5E5;padding-left: 16px;}
a {color: #456;}
a:hover {color: #D60;text-decoration: underline;}
img.bordered,img.alignleft,img.alignright,img.aligncenter {
background-color: #FFF;border: 1px solid #DDD;padding: 3px;}
img.left,img.alignleft {margin: 0 15px 12px 0;}
img.right,img.alignright {margin: 0 0 15px 12px;}
.left,.alignleft {float: left;}
.right,.alignright {float: right;}
.center,.aligncenter {margin: 0 auto;}
.clear,.clearer {clear: both;}
.clearer {display: block;font-size: 0;line-height: 0;height: 0;}
.content_separator, .archive_separator {background: #D5D5D5;clear: both;color: #FFE;display: block;font-size: 0;
height: 1px;line-height: 0;margin: 12px 0 24px;}
.archive_separator {margin: 0 0 14px;}
/* General */
#layout_wrapper_outer {background: url("https://img.webme.com/pic/w/webcp/cerulean2.jpg") no-repeat center top;}
#layout_wrapper {color: #FFF;margin: 0 auto;width: 906px;}
#layout_top {height: 114px;}
#layout_body_outer {background: #373737 url("https://img.webme.com/pic/w/webcp/cerulean3.jpg") repeat-x;}
#layout_body {background: url("https://img.webme.com/pic/w/webcp/cerulean4.gif") no-repeat;
padding: 8px 8px 0;}
#site_title {padding: 28px 12px 0;}
#site_title a {color: #73BCD1;text-decoration: none;}
#site_title a:hover {color: #FFF;}
#site_title h1 {font-size: 2.4em;margin-bottom: 6px;}
#site_title h1 span {color: #C0C6CF;}
#site_title h2 {color: #789;font-size: 1.2em;}
#navigation {background: #3A3A3A url("https://img.webme.com/pic/w/webcp/cerulean5.gif") no-repeat;
font: bold 1.3em sans-serif;padding: 0 8px;}
#navigation ul, #navigation li {display: inline;}
#navigation li {display: inline;}
#navigation a {float: left;margin-right: 1px;text-align: center;text-decoration: none;}
#nav1 a {color: #BBB;padding: 10px 12px 12px;}
#nav1 a:hover {color: #EEE;}
#nav1 li.current_page_item a,#nav1 li.current_page_parent a {color: #ADE7F6;
background: url("https://img.webme.com/pic/w/webcp/cerulean6.gif") no-repeat center bottom;}
#nav2 a {color: #D0D6DA;padding: 10px;}
#nav2 {background: #5090AE url("https://img.webme.com/pic/w/webcp/cerulean7.gif") repeat-x;
margin: 0 -8px;padding: 0 8px;}
#nav2 a:hover {color: #FFF;}
#nav2 li.current_page_item a {color: #FFF;}
#main {background:#fff url("https://img.webme.com/pic/w/webcp/cerulean8.gif") repeat-y;
border-bottom: 1px solid #C5C5C5;}
#main ol, #main ul {margin: 0 0 1.2em 1.6em;}
#main ul li {list-style: disc;}
#main ol li {list-style: decimal;}
#main li {padding: 2px 0;}
#content_outer {border-top: 1px solid #FFF;width: 629px;}
#content {color: #444;padding: 16px;}
#sidebar_outer {border-top: 1px solid #EEE;width: 259px;}
#sidebar {color: #555;padding: 16px 12px; }
#sidebar a {color: #555;}
#sidebar a:hover {color: #000;}
#dashboard {background: #CCC;border-top: 1px solid #D5D5D5;font-size: 0.9em;}
#dashboard_inner {padding: 16px 20px 6px;}
#dashboard .col3 {width: 255px;}
#dashboard .col3mid {width: 337px;}
#dashboard .col3mid .col3_content {border-left: 1px solid #B5B5B5;
border-right: 1px solid #B5B5B5;padding: 0 20px;margin: 0 20px;}
#dashboard .col_title {color: #666;font-size: 1.4em;font-weight: bold;padding-bottom: 5px;}
#dashboard li {color: #777;padding: 4px 0;}
#dashboard li {border-top: 1px solid #BEBEBE;}
#dashboard li a {color: #666;text-decoration: none;}
#dashboard li a:hover {color: #333;text-decoration: underline;}
#footer {background: url("https://img.webme.com/pic/w/webcp/cerulean9.gif") no-repeat;
color: #777;font-size: 0.9em;padding: 22px 8px 10px;}
#footer a {color: #999;}
#footer .right, #footer .right a {color: #666;text-decoration: none;}
#footer a:hover {color: #999;}
.box {margin-bottom: 0.6em;}
.box_title {background: #E5E5E5;border: 1px solid #EAEAEA;border-color: #EAEAEA #D5D5D5 #D5D5D5 #E5E5E5;
color: #777;font: bold 1.3em sans-serif;padding: 6px 10px;}
.box_content {padding: 8px 0 8px;}
.box li:first-child {border-top: none;}
* html #nav1, * html #nav2, * html #layout_body, * html #dashboard_inner, * html #footer {height: 0.01%; min-height: 0.01%;}
<!-- www.cssplantillas.es.tl -->
Inserire un commento su questa pagina: