Índice
Portal
Buscar
Últimas imágenes
Registrarse
Conectarse
Hola aqui les dejo un diseños que adapte!
Aja la les guste!
texto por encima de la pagina
Por debajo de la pagina
Sin style tag!
Saludos!
Aja la les guste!
texto por encima de la pagina
- Código:
<div id="header">
<h1>Css Plantillas</h1>
<h2></h2>
</div>
<div id="menu">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Link's 1</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>
</ul>
</div>
<div id="waper">
Por debajo de la pagina
- Código:
<div id="columnB">
<h2>Último contenido</h2>
<p><strong>[27/03/2009]</strong>Nuevo diseño Outoftheblue<a href="#">Leer más</a></p>
<p><strong>[26/03/2009]</strong>Nuevo diseño Outoftheblue<a href="#">Leer más</a></p>
<p><strong>[25/03/2009]</strong>Nuevo diseño Outoftheblue<a href="#">Leer más</a></p>
<h2>Recomendadas!</h2>
<ul>
<li><a href="#">Link's 1</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>
</ul>
</div>
<div style="clear: both;"></div>
</div>
<div id="footer">
<p>Copyright
2009 Tusitio.es.tl - Diseño por <a href="http://freecsstemplates.org">Free CSS Templates</a> - Adaptado por <a href="http://www.cssplantillas.es.tl">Css Plantillas</a></p></div>
Sin style tag!
- Código:
#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;}
body {
margin: 0px 0;
font: normal small Arial, Helvetica, sans-serif;
color: #83895C;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
padding-top: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #CC6600;
}
a {
text-decoration: none;
color: #CC6600;
}
a:hover {
border: none;
}
#header {
width: 700px;
height: 80px;
margin: 0 auto;
}
#header h1 {
margin: 0;
padding: 30px 10px 0 20px;
font-size: 36px;
letter-spacing: -.05em;
color: #83895C;
}
#header h2 {
display: none;
}
#menu {
width: 700px;
margin: -2.25em auto 0 auto;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
text-align: right;
}
#menu li {
display: inline;
}
#menu a {
padding: 0 10px 0 11px;
border: none;
border-left: 1px solid #83895C;
color: #83895C;
}
#menu a:hover {
color: #83895C;
}
#menu .first a {
border: none;
}
#waper {
width: 720px;
margin: 0 auto;
background: #EFEBDF url(http://pixelea.com/s/c6b35c446b.gif) repeat-y left top;
}
#waper * {
line-height: 140%;
}
#content {
float: left;
width: 440px;
padding: 25px 20px 0 30px;
background: url(http://pixelea.com/s/f2f598ca37.gif) no-repeat left top;
}
#columnB {
float: right;
width: 200px;
padding: 25px 20px 0 10px;
background: url(http://pixelea.com/s/169fe9a845.gif) no-repeat left top;
}
#columnB * {
color: #EFEBDF;
}
#columnB ul {
margin-left: 0;
padding-left: 0;
list-style: inside circle;
}
#columnB a {
border-bottom-color: #EBD8B7;
color: #FFFFFF;
}
/** FOOTER */
#footer {
width: 720px;
height: 50px;
margin: 0 auto;
background: url(http://pixelea.com/s/82f77ae78e.gif) no-repeat left top;
}
#footer p {
margin: 0;
padding: 35px 0 0 20px;
font: bold 9px Arial, Helvetica, sans-serif;
}
Saludos!
