Transparentia

- Por encima de la pagina:

<!-- www.mundo-snoop.es.tl --> <div class="container"><div class="main"> <div class="header"><div class="title"> <h1>Titulo de tu web</h1> </div></div> <div class="content">

- Texto por debajo de la pagina

<!-- www.mundo-snoop2.es.tl --> </div><div class="sidenav"> <h1>Menu Pricipal</h1><ul> <li><a href="URL"></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> <h1>Menu 2</h1><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> <h1>Menu 3</h1><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> <h1>Buscar</h1> <form action="index.html"><div> <input type="text" name="search" class="styled" /> <input type="submit" value="" class="button" /> </div></form></div> <div class="clearer"><span></span></div></div> <div class="footer"> <span class="left">© 2010 <a href="URL">Tu sitio web</a>.</span> <span class="right">Diseño: <a href="http://templates.arcsin.se">Website template</a> Por <a href="http://arcsin.se/">Arcsin</a> -Adaptación por: <a href="http://mundo-snoop2.es.tl">mundo-snoop2</a></span> <div class="clearer"><span></span></div> </div></div>

- Codigo Sin style tag's

/* Nombre: Transparentia Author: Viktor Persson Author URI: http://arcsin.se/ Adaptación para PwG: http://mundo-snoop2.es.tl */ * {margin: 0;padding: 0;} #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;} a {color: #36C;} a:hover {color: #06F;} body {background: #EEE url("https://img.webme.com/pic/c/cssplantillas/transparentia01.gif"); color: #444;font: normal 62.5% "Lucida Sans Unicode",sans-serif;margin: 0;} input {color: #555;font: normal 1.1em "Lucida Sans Unicode",sans-serif;} p,cite,code,ul {font-size: 1.2em;padding-bottom: 1.2em;} h1 {font-size: 1.4em;margin-bottom: 4px;} h1,h2,h3 {color: #367EA6;padding-top: 6px;} .clearer {clear: both;} .container {background: url("https://img.webme.com/pic/c/cssplantillas/transparentia02.gif") repeat-y; margin: 0 auto;padding-bottom: 6px;width: 767px;border-bottom: 1px solid #DDD;} .header {background: url("https://img.webme.com/pic/c/cssplantillas/transparentia03.gif") repeat-x;} .title h1 {color: #FFF;font: normal 3em Verdana,sans-serif; height: 150px;line-height: 150px;margin-bottom: 8px;text-align: center;} .navigation {margin-bottom: 4px;} .navigation a {background-color: #4A91C3;color: #FFF;float: left;font: bold 1.2em "Trebuchet MS",sans-serif; padding: 8px 0;width: 19%;border-right: 1px solid #FFF;text-align: center;text-decoration: none;} .navigation a:hover {background-color: #000;color: #FFF;} .main {clear: both;padding: 8px 18px;} .sidenav h1,.sidenav ul {padding-left: 12px;} .sidenav {background: #EEE;border: 1px solid #E5E5E5;float: left;width: 200px;} .sidenav h1 {color: #666;font-size: 1.2em;height: 20px;margin-top: 1.2em;} .sidenav ul {border-top: 1px solid #FAFAFA;margin: 0;padding: 0; background: #EEE url("https://img.webme.com/pic/c/cssplantillas/transparentia04.gif") repeat-x;} .sidenav li {border: 1px solid #FAFAFA;border-top: none;list-style: none;margin: 0;} .sidenav li a {color: #777;display: block;font-size: 0.9em;padding: 3px 6px 3px 14px;text-decoration: none;} .sidenav li a:hover {color: #111;} .content {float: right;width: 520px;} .content .item {padding: 6px 12px;border: 1px solid #EEE;background: #FFF;margin-bottom: 8px;} .content .descr {color: #333;margin-bottom: 6px;} /* search form */ form {padding: 0 0 6px 8px;} .styled {border: 1px solid #DDD;padding: 4px;} .button {background: url("https://img.webme.com/pic/c/cssplantillas/transparentia05.gif") no-repeat left bottom; border: none;height: 27px;width: 27px;} .footer {background: #FFF;border: 1px solid #EEE;color: #666;font-size: 1.1em; margin: 0 auto;text-align: center;width: 720px;} .footer a {color: #36C;text-decoration: none;} .footer a:hover {color: #06F;text-decoration: underline;} .footer .left, .footer .right {padding: 6px 12px;} .footer .right, .footer .right a {color: #AAA;} .footer .right a:hover {color: #666;} /* floats */ .left {float: left;} .right {float: right;}