Balanced

Balanced

<!-- start header --> <div id="header"> <div id="logo"> <h1>Tu web</h1> <p>Breve slogan</p> </div> <div id="menu"> <ul> <li class="current_page_item"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Menu</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Menu</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Menu</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Menu</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Menu</a></li> </ul> </div> </div> <!-- end header --> <!-- start page --> <div id="page"> <!-- start content --> <div id="content"> <div class="post greenbox"> <div class="title"><h2> </h2> </div> <div class="entry">

Texto por debajo de la pagina:
</div> <div class="btm"> <div class="l"> <div class="r"> <p class="meta"><a href="#" _fcksavedurl="#" _fcksavedurl="#" class="more">Noticias</a> <a href="#" _fcksavedurl="#" _fcksavedurl="#" class="comments">Contactanos</a></p> </div> </div> </div> </div> <div class="two-columns"> <div class="columnA"> <div class="title red"> <h2>Categoría</h2> </div> <div class="content"> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> </ul> </div> </div> <div class="columnB"> <div class="title blue"> <h2>Categoría</h2> </div> <div class="content"> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> </ul> </div> </div> <div class="btm"> </div> </div> </div> <!-- end content --> <!-- start sidebar --> <div id="sidebar"> <ul> <li> <h2>Categoría</h2> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> </ul> </li> <li> <h2>Categoría</h2> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> </ul> </li> </ul> </div> <!-- end sidebar --> </div> <!-- end page --> <div style="clear: both;"> </div> <div id="footer"> <p>©2010 <a href=></a _fcksavedurl=></a _fcksavedurl=></a>Tu web</a> • Plantilla creada por <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a> • Adaptada por <a href=http://www.tus-adaptaciones.es.tl _fcksavedurl=http://www.tus-adaptaciones.es.tl _fcksavedurl=http://www.tus-adaptaciones.es.tl>Tus-adaptaciones</a></p> </div>

CSS-Code sin Style Tags:
/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License Adaptado por http://www.tus-adaptaciones.es.tl */ table {margin-left:auto;margin-right:auto;} body { margin: 0; padding: 0; background: #C3C3C3 url(https://img.webme.com/pic/p/pruebas-webpatricio/img01balanced.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; } h1, h2 { font-weight: normal; } p, ol, ul { margin-top: 0; line-height: 180%; } a { color: #666666; } a:hover { text-decoration: none; color: #000000; } a img { border: none; } img.left { float: left; margin: 0 15px 0 0; } img.right { float: right; margin: 0 0 0 15px; } /* Header */ #header { height: 110px; margin: 0 auto; text-transform: uppercase; } #logo { float: left; padding: 24px 0 0 20px; } #logo h1, #logo p { margin: 0; font-weight: bold; } #logo h1 { } #logo p { padding-left: 1px; line-height: normal; font-size: .85em; } #menu { float: right; padding-top: 24px; } #menu ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #menu li { display: inline; } #menu a { display: block; float: left; padding: 31px 20px; text-decoration: none; font-size: .85em; font-weight: bold; } #menu a:hover { text-decoration: underline; } #menu .current_page_item a { background: #C3C3C3 url(https://img.webme.com/pic/p/pruebas-webpatricio/img02balanced.gif) repeat-x; } /* Page */ #page { width: 960px; margin: 0 auto; } /* Content */ #content { float: left; width: 650px; } .post { } .meta { margin: 0; padding: 10px 0 15px 20px; border-top: 1px solid #F3F3F3; } .meta a { text-decoration: none; } .meta a:hover { text-decoration: underline; } .meta .more { padding-left: 12px; background: url(https://img.webme.com/pic/p/pruebas-webpatricio/img09balanced.gif) no-repeat left center; } .meta .comments { padding-left: 15px; background: url(https://img.webme.com/pic/p/pruebas-webpatricio/img10balanced.gif) no-repeat left center; } /* Sidebar */ #sidebar { float: right; width: 300px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { } #sidebar li ul { margin-bottom: 10px; padding-bottom: 10px; background: #FFFFFF url(https://img.webme.com/pic/p/pruebas-webpatricio/img16balanced.gif) no-repeat left bottom; } #sidebar li li { padding: 5px 20px; border-bottom: 1px solid #F3F3F3; } #sidebar h2 { height: 53px; margin: 0; padding: 15px 0 0 20px; background: url(https://img.webme.com/pic/p/pruebas-webpatricio/img15balanced.gif) no-repeat; text-transform: uppercase; letter-spacing: -1px; font-size: 1.6em; font-weight: bold; color: #FFFFFF; } /* Green Box */ .greenbox { background: #FFFFFF url(https://img.webme.com/pic/p/pruebas-webpatricio/img03balanced.gif) repeat-x; } .greenbox .title { height: 60px; background: url(https://img.webme.com/pic/p/pruebas-webpatricio/img04balanced.gif) no-repeat; } .greenbox .title h1, .greenbox .title h2 { height: 35px; margin: 0; padding: 15px 0 0 20px; background: url(https://img.webme.com/pic/p/pruebas-webpatricio/img05balanced.gif) no-repeat right top; text-transform: uppercase; letter-spacing: -1px; font-size: 1.6em; font-weight: bold; color: #FFFFFF; } .greenbox .entry { padding: 10px 20px 0 20px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } .btm { background: url(https://img.webme.com/pic/p/pruebas-webpatricio/img06balanced.gif) repeat-x left bottom; } .btm .l { background: url(https://img.webme.com/pic/p/pruebas-webpatricio/img07balanced.gif) no-repeat left bottom; } .btm .r { background: url(https://img.webme.com/pic/p/pruebas-webpatricio/img08balanced.gif) no-repeat right bottom; } /* Two Columns */ .two-columns { clear: both; background: url(https://img.webme.com/pic/p/pruebas-webpatricio/img11balanced.gif) repeat-y; border-top: 10px solid #C3C3C3; } .two-columns .title { } .two-columns .title h2 { height: 53px; margin: 0; padding: 15px 0 0 20px; text-transform: uppercase; letter-spacing: -1px; font-size: 1.6em; font-weight: bold; color: #FFFFFF; } .two-columns .blue { background: url(https://img.webme.com/pic/p/pruebas-webpatricio/img13balanced.gif) no-repeat; } .two-columns .red { background: url(https://img.webme.com/pic/p/pruebas-webpatricio/img14balanced.gif) no-repeat; } .two-columns .columnA, .two-columns .columnB { width: 320px; } .two-columns .columnA { float: left; } .two-columns .columnB { float: right; } .two-columns .btm { clear: both; background: url(https://img.webme.com/pic/p/pruebas-webpatricio/img12balanced.gif) no-repeat left bottom; } /* Footer */ #footer { clear: both; padding: 30px 0; background: #FFFFFF url(https://img.webme.com/pic/p/pruebas-webpatricio/img02balanced.gif) repeat-x; text-align: center; font-size: smaller; } #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;} #title {display: none;} #nav_container {display:none;}