RS 11

- Por encima de la pagina:

<!-- www.clanyry.es.tl --><div id="wrap"><div id="head"><div id="topbar"> <div id="searchbar"><form action=""> <div><input type="text" id="keyword" /> <span><input type="image" src="http://img.webme.com/pic/w/webcp/rs1108.jpg" id="button"/> </span></div></form></div> <div id="navigation"><ul> <li class="active"><a href="URL">Portada</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> <li><a href="URL">Link's 5</a></li> </ul></div></div><br><br> <div id="subnav"> <a href="URL">Link's 1</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> | <a href="URL">Link's 6</a> </div> <h1 id="sitename">Nombre de tu sitio!</h1> </div><div id="waper">

- Texto por debajo de la pagina

<!-- www.clanyry.es.tl --><div id="sidebar"> <h2>Menu vertical 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> <li><a href="URL">Link's 5</a></li> <li><a href="URL">Link's 6</a></li> </ul><h2>Menu vertical 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> <li><a href="URL">Link's 5</a></li> <li><a href="URL">Link's 6</a></li> </ul></div> <div class="clear"></div></div> <div id="footer"> <p>© 2010 - Todos los derechos reservados <a href="URL">Tu web.es.tl</a></p> <p>Incio | Link's 2 | Link's 3 | Link's 4 | Link's 5 | Link's 6 | Contacto </p> <p id="credit">Diseño por: <a href="http://ramblingsoul.com">CSS Template</a> | Adaptada por: <a href="http://cssplantillas.es.tl">Css Plantillas</a></p> </div></div>

- Codigo Sin style tag's

#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;} * {padding:0; margin:0;} body {font:11px "Trebuchet MS", Arial, sans-serif;color:#666; background:#999 url("http://img.webme.com/pic/w/webcp/rs1101.jpg") repeat-x;} .clear {clear:both;} a, a:visited {color: #930;} a:hover {color:#09c; text-decoration:none;} h1, h2, h3, h4 {font:"Trebuchet MS", Arial, sans-serif;} h2 {font:18px "Trebuchet MS", Arial, sans-serif;} #wrap {background:url("http://img.webme.com/pic/w/webcp/rs1101.jpg") repeat-y; width:867px; margin:auto;} #head{ background:url("http://img.webme.com/pic/w/webcp/rs1102.jpg") no-repeat; height:144px;} #sidebar {width: 200px;float: right; padding:15px 30px 5px 5px;} #content {padding-left: 25px;float: left;width: 595px;} #waper {background:#fff url("http://img.webme.com/pic/w/webcp/rs1103.jpg"); width:867px;margin: 0 auto;} #footer {background:url("http://img.webme.com/pic/w/webcp/rs1104.jpg") no-repeat; height:103px; padding:25px 0 0 0;} #topbar {height:3px; padding:15px 25px 0 25px;} #searchbar {width:250px;float:left;padding-left:35px; background-image: url("http://img.webme.com/pic/w/webcp/rs1105.jpg"); background-repeat: no-repeat;background-position: 3px 9px;padding-top: 5px;} #searchbar #keyword {width:150px;display: block;float: left; height: 20px;border: 1px solid #969696;padding: 2px;margin-right: 5px;font-size: 14px;} #searchbar form {padding:3px;} #navigation { margin-left:305px; padding-top:8px;} #navigation ul {list-style:none;} #navigation li {display:inline;} #navigation a, #navigation a:visited, #navigation a:active {display:block; float:left; background:url("http://img.webme.com/pic/w/webcp/rs1106.jpg") repeat-x; height:19px; padding:5px 15px 0 15px; margin-right:5px; color:#000; text-decoration:none; border:solid 1px #999;} #navigation a:hover {background:url("http://img.webme.com/pic/w/webcp/rs1107.jpg") repeat-x; color:#fff; border: solid 1px #09c;} #navigation .active a {background:url("http://img.webme.com/pic/w/webcp/rs1107.jpg") repeat-x; color:#fff; border: solid 1px #09c;} #sidebar h2 {display:block; color:#069; font:16px "Trebuchet MS", Arial, sans-serif; padding:5px; border-bottom: solid 1px #bbb; text-transform:uppercase;} #sidebar ul {list-style:none; margin-bottom:15px;} #sidebar li {display:block; height:26px; border-bottom:solid 1px #ddd;} #sidebar a, #sidebar a:visited {display:block; height:21px; padding:5px 5px 0 5px; color:#333; text-decoration:none;} #sidebar a:hover { color:#069;} h3.subhead {font-size:12px; text-transform:uppercase;color: #fff; display:block;padding:5px;border:solid 1px #ddd;background: #990000;} .columns {padding:0 8px 0 8px;} .col1 {width:30%; float:left;} .col3 {width:30%; float:right;} .col2 {margin:0 32% 0 32%;} .clear2 {width:590px; clear:left; float:right; color:#fff!important;} .columns div {background:#f3fbe0; height:200px;} .columns div p {padding:5px;} #subnav {padding: 9px 50px 0 420px; color:#fff;} #subnav a {color:#fff; text-decoration:none;} img.leftalign, img.rightalign {display:block; padding:3px; background:#efefef; border: solid 1px #ddd;} img.leftalign {float:left; margin-right:8px;} img.rightalign {float:right; margin-left:8px;} h1#sitename {display:block; padding:5px 70px 0 50px; color:#fff; font:22px normal "Trebuchet MS", Arial, sans-serif; } #sitename a, #sitename a:visited, #sitename a:hover {color:#fff; text-decoration:none;} #footer p {text-align:center; display:block; padding:3px;} #footer #credit {font-size:10px;}