:: CP - Recursos Web ::

<!-- www.cssplantillas.es.tl --> <div class="top"><div class="header"> <div class="left">Titulo de tu web</div> <div class="right"> <h2>Titulo box</h2><p> Escribe aqui lo que quieras!!. </p></div></div></div> <div class="container"> <div class="navigation"> <a href="URL">Inicio</a> <a href="URL">Link's 2</a> <a href="URL">Link's 3</a> <a href="URL">Link's 4</a> <a href="URL">Link's 5</a> <div class="clearer"><span></span> </div></div> <div class="main"> <div class="content">

Copiar codigo

<!-- www.cssplantillas.es.tl --> </div><div class="sidenav"> <h2>Titulo 1</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> </ul><h2>Titulo 2</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> </ul><h2>Titulo 3</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> </ul></div> <div class="clearer"><span></span></div></div> <div class="footer"><div class="left"> © 2008 <a href="index.html">Tu web.es.tl</a>. Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a href="http://validator.w3.org/check?uri=referer">XHTML</a>.</div> <div class="right"><a href="http://templates.arcsin.se">Website template</a> adaptación por: <a href="http://cssplantillas.es.tl">CssPlantillas</a></div> <div class="clearer"><span></span></div></div></div>

Copiar codigo

#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 {min-height: 100%;} * {margin: 0;padding: 0;} a {color: #963;} a:hover {color: #C60;} body {background: #CCD8E0 url("https://img.webme.com/pic/c/cssplantillas/beautiful1.jpg") repeat-x left bottom; color: #444;font: normal 62.5% Tahoma,sans-serif;} p,code,ul {padding-bottom: 1.2em;} li {list-style: none;} h1 {font: normal 1.8em Tahoma,sans-serif;margin-bottom: 4px;} h1,h2,h3 {padding-top: 6px;} .clearer {clear: both;} .left {float: left;} .right {float: right;} /* structure */ .container {background: #FFF;font-size: 1.2em;margin: 0 auto; padding: 0 10px 10px;width: 780px;} .top {background: url("https://img.webme.com/pic/c/cssplantillas/beautiful2.gif") repeat-x;padding: 2px 10px 0;} .header {background: #FFF;font-size: 1.2em;height: 150px;margin: 0 auto; padding: 10px 10px 5px;width: 780px;} .header .left, .header .right {background:#A4A4A0;color:#FFF;height:150px;} .header .left {background: #B3C2C7 url("https://img.webme.com/pic/c/cssplantillas/beautiful3.jpg") no-repeat; font: normal 2.8em "Trebuchet MS",sans-serif;line-height: 150px;text-align: center; width: 564px;} .header .right {overflow: auto;width: 212px;} .header .right p,.header .right h2 {padding: 0 16px;} .header .right h2 {padding-top: 16px; font: normal 1.6em "Trebuchet MS",sans-serif;} .navigation {background: #D9E1E5 url("https://img.webme.com/pic/c/cssplantillas/beautiful4.gif");border: 1px solid #DFEEF7; border-color: #DFEEF7 #CFDEE7;height: 41px;} .navigation a {background: #D9E1E5 url("https://img.webme.com/pic/c/cssplantillas/beautiful4.gif"); border-right: 1px solid #AFBEC7;color: #456;display: block;float: left; font: bold 1.1em sans-serif;line-height: 41px;padding: 0 20px;text-decoration: none;} .navigation a:hover {background-position: left bottom; color: #234;} .main {border-top: 4px solid #FFF;background: url("https://img.webme.com/pic/c/cssplantillas/beautiful5.gif") repeat-y;} .sidenav {float: right;width: 210px;} .sidenav h2 {color: #5A5A43;font-size: 1em;line-height: 30px; margin: 0;padding-left: 12px;} .sidenav ul {padding: 0;border-top: 1px solid #EAEADA;} .sidenav li {border-bottom: 1px solid #EAEADA;} .sidenav li a {font-size: 1.1em;color: #554;display: block; padding: 8px 0 8px 5%;text-decoration: none;width: 95%;} .sidenav li a:hover {background: #F0F0EB;color: #654; } .content {float: left;margin: 10px 0;padding: 0 16px;width: 531px;} .content .descr {color: #664;font-size: 0.9em;margin-bottom: 6px;} .content ul {margin-left: 18px;} .content ul li {list-style: url(img/li.gif);} .content ol li {list-style: decimal;} .content p {font-family: "Lucida Sans Unicode",sans-serif;} .footer {background: url("https://img.webme.com/pic/c/cssplantillas/beautiful6.gif") repeat-x;color: #FFF;font: bold 1em sans-serif; line-height: 39px;padding: 0 12px;text-align: center;} .footer .right {color: #DEF;} .footer .right a {color: #DEF; text-decoration: none;} .footer a, .footer a:hover,.footer .right a:hover {color: #FFF;}

Copiar codigo

NOTAS:
Puedes editat a tu gusto este diseño, si sabes css lo puedes editar entero.
- Para cualquier consulta visita nuestro Foro de soporte.