diseño XI
TEXTO POR ENCIMA
<!-- 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 -->
TEXTO POR DEBAJO
<!-- 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" _fcksavedurl="URL" _fcksavedurl="URL">Nombre del link's 1</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Nombre del link's 2</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Nombre del link's 3</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Nombre del link's 4</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="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" _fcksavedurl="URL" _fcksavedurl="URL">Nombre del link's 1</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Nombre del link's 2</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Nombre del link's 3</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Nombre del link's 4</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="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" _fcksavedurl="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="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" _fcksavedurl="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="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" _fcksavedurl="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="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/" _fcksavedurl="http://templates.arcsin.se/" _fcksavedurl="http://templates.arcsin.se/">Website template</a> | Adapter by <a href="http://cssplantillas.es.tl" _fcksavedurl="http://cssplantillas.es.tl" _fcksavedurl="http://cssplantillas.es.tl">CssPlantillas</a></div> <div class="clearer"></div></div></div></div> <!-- www.cssplantillas.es.tl -->
CSS CODE
<!-- 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 -->