Texto encima de la web
<div id="wrap"> <div id="header"> <div id="topbar"> <div id="searchbar"> <form action="http://www.free-css.com/"> <div><input type="text" id="keyword" /> <span><input type="image" src="http://www.fileden.com/files/2009/5/1/2426283/ir.jpg" id="button" alt="Go" /> </span> </div> </form> </div> <div id="navigation"> <ul> <li class="active"><a href="/inicio.htm" _fcksavedurl="/inicio.htm">Inicio</a></li> <li><a href="/inicio.htm" _fcksavedurl="/inicio.htm">Videos</a></li> <li><a href="/inicio.htm" _fcksavedurl="/inicio.htm">Imagenes</a></li> <li><a href="/inicio.htm" _fcksavedurl="/inicio.htm">Musica</a></li> <li><a href="/inicio.htm" _fcksavedurl="/inicio.htm">Contacto</a> </li> </ul> </div> </div><br><br> <div id="subnav"> <a href="#" _fcksavedurl="#">Registrarse</a> | <a href="#" _fcksavedurl="#">Login</a> | <a href="#" _fcksavedurl="#">Sitemap</a> | <a href="#" _fcksavedurl="#">Contacto</a> | <a href="#" _fcksavedurl="#">Link's destacados</a> | <a href="#" _fcksavedurl="#">Inicio</a> </div> <h1 id="sitename">Css plantillas</h1> </div> <div id="waper">

Texto por debajo de la web
<div id="sidebar"> <h2>Ultimos contenidos</h2> <ul> <li><a href="#" _fcksavedurl="#">Contenido 1</a></li> <li><a href="#" _fcksavedurl="#">Contenido 1</a></li> <li><a href="#" _fcksavedurl="#">Contenido 1</a></li> <li><a href="#" _fcksavedurl="#">Contenido 1</a></li> <li><a href="#" _fcksavedurl="#">Contenido 1</a></li> <li><a href="#" _fcksavedurl="#">Contenido 1</a></li> <li><a href="#" _fcksavedurl="#">Contenido 1</a></li> </ul> <h2>Link's</h2> <ul> <li><a href="http://cssplantillas.es.tl" _fcksavedurl="http://cssplantillas.es.tl">CssPlantillas</a></li> <li><a href="#" _fcksavedurl="#">Link's 2</a></li> <li><a href="#" _fcksavedurl="#">Link's 3</a></li> <li><a href="#" _fcksavedurl="#">Link's 4</a></li> <li><a href="#" _fcksavedurl="#">Link's 5</a></li> <li><a href="#" _fcksavedurl="#">Link's 6</a></li> <li><a href="#" _fcksavedurl="#">Link's 8</a></li> </ul> </div> <div class="clear"></div> </div> <div id="footer"> <p>© 2009 - Todos los derechos reservados <a href="/inicio.htm" _fcksavedurl="/inicio.htm">Tu web.es.tl</a></p> <p>Home | About Us | Products | Services | Careers | Privacy Policy | Contact </p> <p id="credit">Diseños por: <a href="http://ramblingsoul.com" _fcksavedurl="http://ramblingsoul.com">CSS Template</a> | Adaptada por: <a href="http://cssplantillas.es.tl" _fcksavedurl="http://cssplantillas.es.tl">Css Plantillas</a></p> </div><!-- fin footer --> </div>

CSS Sin Style Tags
#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;} 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://www.fileden.com/files/2009/5/1/2426283/bg.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://www.fileden.com/files/2009/5/1/2426283/bg.jpg") repeat-y; width:867px; margin:auto; } #header{ background:url("http://www.fileden.com/files/2009/5/1/2426283/head.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://www.fileden.com/files/2009/5/1/2426283/waper.jpg"); width:867px; margin: 0 auto; } #footer { background:url("http://www.fileden.com/files/2009/5/1/2426283/footer.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://www.fileden.com/files/2009/5/1/2426283/buscar.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://www.fileden.com/files/2009/5/1/2426283/menu2.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://www.fileden.com/files/2009/5/1/2426283/menu1.jpg") repeat-x; color:#fff; border: solid 1px #09c;} #navigation .active a {background:url("http://www.fileden.com/files/2009/5/1/2426283/menu1.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;}

 Texto encima de la web
<div id="head" class="clearfloat"> <div class="clearfloat"> <div id="logo" class="left"> <a href="/inicio.htm" _fcksavedurl="/inicio.htm"><img src="http://www.fileden.com/files/2009/5/1/2426283/logo2.png" _fcksavedurl="http://www.fileden.com/files/2009/5/1/2426283/logo2.png" width="177px" height="39px" alt="" /></a> <div id="tagline">Recursos web!</div> </div> <div class="right"> <img src="http://www.fileden.com/files/2009/5/1/2426283/wide.jpg" _fcksavedurl="http://www.fileden.com/files/2009/5/1/2426283/wide.jpg" alt="" width="468px" height="60px" /> </div> </div> <div id="navbar" class="clearfloat"> <ul id="page-bar" class="left clearfloat"> <li><a href="index.htm" _fcksavedurl="index.htm">Inicio</a></li> <li><a href="#" _fcksavedurl="#">Musica</a></li> <li><a href="#" _fcksavedurl="#">Imagenes</a></li> <li><a href="#" _fcksavedurl="#">Videos</a></li> <li><a href="#" _fcksavedurl="#">Contacto</a></li> </ul> <!-- buscador --> <form method="get" id="searchform" class="left" action="/resultados.htm"><div> <input type="text" value="Escribe lo que buscas.." value="" name="s" id="s" onfocus_fckprotectedatt="%20onfocus%3D%22this.value%3D''%22" /><input type="image" src="http://www.fileden.com/files/2009/5/1/2426283/magnify.gif" id="searchsubmit" /> </div> </form> <!-- fin buscar --> </div> </div> <div id="page" class="clearfloat"> <div id="top" class="clearfloat"> <div id="headline"> <img src="img/headline.png" _fcksavedurl="img/headline.png" width="75px" height="21px" alt="" /> </div><!-- fin headline --> <div id="featured"> <img src="img/featured.png" _fcksavedurl="img/featured.png" width="72px" height="17px" alt="" /> </div><!-- fin featured --> </div><!-- fin clearfloat --> <div id="waper" class="clearfloat">

Texto por debajo de la web
<div id="sidebar"> <div id="sidebar-ads"> <img src="http://www.fileden.com/files/2009/5/1/2426283/square.jpg" _fcksavedurl="http://www.fileden.com/files/2009/5/1/2426283/square.jpg" alt="" width="300px" height="250px" /> </div> <div id="sidebar-top"> <h3>Paginas</h3> <ul> <li class="page_item page-item-2"><a href="#" _fcksavedurl="#" ">Información</a></li> </ul> </div><!-- fin sidebar-top --> <div id="sidebar-middle" class="clearfloat"> <div id="sidebar-left"> <h3>Recientes</h3> <ul> <li><a href="#" _fcksavedurl="#">Discos </a></li> <li><a href="#" _fcksavedurl="#">Afinación </a></li> <li><a href="#" _fcksavedurl="#">¡Hola, mundo!</a></li> </ul> <h3>Meta</h3><ul> <li><a href="#" _fcksavedurl="#">Iniciar sesión</a></li> <li><a href="#" _fcksavedurl="#">RSS de las entradas</a></li> <li><a href="#" _fcksavedurl="#">RSS de los comentarios</a></li> <li><a href="#" _fcksavedurl="#">WordPress.org</a></li> </ul> <ul></ul> </div> <div id="sidebar-right"> <h3>Paginas amigas</h3> <ul> <li><a href="http://cssplantillas.es.tl" _fcksavedurl="http://cssplantillas.es.tl">Css Plantillas</a></li> <li><a href="#" _fcksavedurl="#">Link's 3</a></li> <li><a href="#" _fcksavedurl="#">Link's 4</a></li> <li><a href="#" _fcksavedurl="#">Link's 5</a></li> <li><a href="#" _fcksavedurl="#">Link's 6</a></li> <li><a href="#" _fcksavedurl="#">Link's 7</a></li> <li><a href="#" _fcksavedurl="#">Link's 8</a></li> <li><a href="#" _fcksavedurl="#">Link's 9</a></li> <li><a href="#" _fcksavedurl="#">Link's 10</a></li> </ul> </div> </div> <div id="sidebar-bottom"> <h3>Enlaces</h3> <ul class='xoxo blogroll'> <li><a href="#" _fcksavedurl="#">Enlace 1</a></li> <li><a href="#" _fcksavedurl="#">Enlace 2</a></li> <li><a href="#" _fcksavedurl="#">Enlace 3</a></li> <li><a href="#" _fcksavedurl="#">Enlace 4</a></li> <li><a href="#" _fcksavedurl="#">Enlace 5</a></li> </ul> </div> </div> </div> </div> <div id="front-popular" class="clearfloat"> <div id="recentpost" class="clearfloat"> <h3>Comentarios recientes</h3> <ul id="recentcomments"> <li><a href='#' _fcksavedurl='#'>Css Floid</a> en: Diseños avanzados</li> <li><a href='#' _fcksavedurl='#'>Color void</a> en: Diseños avanzados</li> <li><a href='#' _fcksavedurl='#'>Arthemia</a> en: Diseños avanzados</li> <li><a href='#' _fcksavedurl='#'>Css plantillas</a> en: Diseños avanzados</li> <li><a href='#' _fcksavedurl='#'>New design</a> en: Diseños avanzados</li> <li><a href='#' _fcksavedurl='#'>Css Floid</a> en: Diseños avanzados</li> </ul> </div> <div id="mostcommented" class="clearfloat"> <h3>Comentario recientes</h3> <ul> <li><a href="#" _fcksavedurl="#">Muy buena la pagina...</a> 30-09-08</li> <li><a href="#" _fcksavedurl="#">Muy buena la pagina...</a> 30-09-08</li> <li><a href="#" _fcksavedurl="#">Muy buena la pagina...</a> 30-09-08</li> <li><a href="#" _fcksavedurl="#">Muy buena la pagina...</a> 30-09-08</li> </ul> </div> <div id="recent_comments" class="clearfloat"> <img src="http://www.fileden.com/files/2009/5/1/2426283/square.jpg" _fcksavedurl="http://www.fileden.com/files/2009/5/1/2426283/square.jpg" width="280px" height="210px" /> </div> </div> <div id="footer"> Potenciado por <a href="http://es.tl" _fcksavedurl="http://es.tl">Pagin web gratis</a> | Diseño <b>arthemia</b> por : <a href="http://michaelhutagalung.com" _fcksavedurl="http://michaelhutagalung.com">Michael Hutagalung</a> - Adaptado por: <a href="http://cssplantillas.es.tl" _fcksavedurl="http://cssplantillas.es.tl">Css Plantillas</a> </div><!-- fin footer -->

CSS Sin Style Tags
#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;} table {margin-left:auto;margin-right:auto;} * { margin:0; padding:0; } body { font: 100% Arial, Helvetica; background: #FFF; color: #333; } p { margin: 15px 0; } a:link, a:visited { color: #3c78a7; text-decoration:none } a:hover, a:active { color: #3c78a7; text-decoration:underline; } a img { border:0; } code { font: 1.0em 'Courier New', Courier, Fixed; background:#ececec; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { padding: 10px 10px 0 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #eee; font:1.0em Arial; line-height:1.5em; margin:10px 0px; } select { width: 130px; } /* Structure */ #head { width:960px; margin:0px auto; margin-top:15px; padding:0px; font-size:0.7em; } #page { width:940px; margin:0px auto; padding:10px; background:#ececec; font-size:0.7em; } .left, .alignleft { float:left; } .right, .alignright { float:right; } /* Navigation Bar*/ #navbar { margin:0 auto; margin-top:15px; padding:0px 10px; text-transform:uppercase; background:#2c2c2c url("http://www.fileden.com/files/2009/5/1/2426283/navbar.png"); } #page-bar { width:722px; } #page-bar ul { list-style: none; } #page-bar li { float:left; list-style:none; cursor: pointer; display:block; border-right:1px solid #333; } #page-bar li:hover { background: #3c78a7; } #page-bar a, #page-bar a:visited { margin: 0px; padding:10px 16px; font-weight:bold; color:#FFF; display:block; } #page-bar a:hover { text-decoration:none; display:block; } #searchform { width:194px; float:right; text-align:right; padding-top:8px; margin-right:10px; } /* Dropdown Menus */ #page-bar li { float: left; margin: 0px; padding: 0px; } #page-bar li li { float: left; margin: 0px; padding: 0px; width: 122px; text-transform:none; } #page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited { background: #2B2B2B; width: 122px; float: none; margin: 0px; padding: 5px 10px 5px 18px; border-top: 1px solid #C0C0C0; } #page-bar li li a:hover, #page-bar li li a:active { background: #666666; padding: 5px 10px 5px 18px; } #page-bar li ul { position: absolute; width: 10em; left: -999em; } #page-bar li:hover ul { left: auto; display: block; } #page-bar li:hover ul, #page-bar li.sfhover ul { left: auto; } /* Text*/ h1 { font:3.5em Arial; font-weight:bold; letter-spacing:-0.08em; } h2 { font:2.3em Georgia, "Times New Roman"; } h3 { font:1.3em Arial; margin-bottom:3px; color:#3c78a7; font-weight:bold; } h4 { font:1.0em Arial; } h3.cat_title, h3.cat_title a { color:#333; letter-spacing:-0.05em; font-size:0.85em; } h3#respond { margin-top:0px; padding-top:20px; } h3#comments { margin-top:32px; padding-left:0px; } h3.authors { margin-top:15px; } /* Index Page*/ #logo { width:350px; } #tagline { margin-top:5px; font-size:1em; color:#333; } #top { padding:0; } #headline { width:590px; float:left; background:#fff; padding:10px; font-size:1.05em; line-height:1.5em; margin:0; } #headline div.title { font-weight:bold; font:2.4em Georgia; letter-spacing:-0.05em; display:block; padding-bottom:5px; } #headline div.meta { display:block; margin-top:-5px; padding-bottom:2px; } #headline p { padding-bottom:15px; } #featured { width:300px; background:#fff; float:right; padding:10px 10px 9px 10px; } #featured .clearfloat { margin-top:7px; margin-bottom:8px; } #featured .info { margin-top:5px; padding-top:5px; float:right; width:180px; } #featured .title { font-weight:bold; } #headline a img, #featured a img { border:1px solid #ccc; margin-top:5px; margin-right:10px; padding:2px; } .category { width:164px; float:left; border-top:8px solid #333; margin:0px; padding:5px 10px 10px 10px; background:#fff; } .category p { margin:0; } #cat-1, #cat-3, #cat-5 {border-top:8px solid #333333;} #cat-2, #cat-4 {border-top:8px solid #3c78a7;} .category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title { text-transform:lowercase; margin:0; font-weight:bold; font-size:1.5em; letter-spacing:-0.05em; } #front-popular h3 { color:#fff; } .category a { color:#333; display:block; background:none; } .category a:hover { background:none; color:#fff; text-decoration:none; } #waper { width: 940px; } #content { width:590px; background:#fff; padding:10px; font-size:1.05em; line-height:1.75em; float:left; } #archive { padding-top:15px; font-size:1.05em; line-height:1.75em; } #front-list blockquote { padding: 0px 10px 0 10px; } #front-list .title, #archive .title { font-weight:bold; font:2.0em Georgia; letter-spacing:-0.05em; } #front-list .clearfloat, #archive .clearfloat { padding-bottom:10px; border-bottom:1px dotted #ccc; margin-bottom:10px; } #front-list .spoiler, #archive .spoiler { display:block; margin-top:3px; } #front-list p, #archive p { margin:0px; padding:0px; } .author { font-size:0.8em; font-weight:bold; } .meta { font-size:0.8em; color:#333; } .meta a { color:#333; } #headline p, #featured p { margin:0; } /* Content Page*/ /* Sidebar*/ #sidebar { width:320px; float:right; margin:0px 0px 0px 0px; } #sidebar h3 { font:1.1em Arial; font-weight:bold; background:#333; color:#fff; margin:10px 0px 5px 0px; padding:3px 10px; } #sidebar-top, #sidebar-bottom { width:300px; float:right; padding:0px 10px 10px 10px; background:#fff; } #sidebar-bottom, #sidebar-middle { margin-top:10px; } #sidebar-middle { width:320px; float:right; } #sidebar-left { width:135px; padding:0px 10px 10px 10px; float:left; background:#fff; } #sidebar-right { width:135px; padding:0px 10px 10px 10px; float:right; background:#fff; } #sidebar li { list-style:none; border-bottom:1px dotted #ccc; display:block; padding:2px 0px 2px 13px; background:url("http://www.fileden.com/files/2009/5/1/2426283/sub.png") no-repeat 0 0px; } #sidebar li ul li:last-child{ list-style:none; border-bottom:0px dotted #ccc; display:block; padding:2px 0px 0px 13px; background:url("http://www.fileden.com/files/2009/5/1/2426283/sub.png") no-repeat 0 0px; } #sidebar-ads { width:300px; float:right; margin-bottom:10px; padding:10px; background:#fff; } /* Form Elements */ select { border:1px solid #333; width:100% } .field { padding: 2px; border:1px solid #333; background:#fff; font-size:1.0em; } #s { padding:1px; font-size:1.0em; width:150px; } #searchsubmit { padding-left:5px; } #commentform input { width: 140px; margin: 5px 5px 1px 0; } #commentform textarea { width: 99%; margin-top:5px; } /* Comments*/ .commentlist cite { font-style:normal; margin-bottom:4px; display:block; } .commentlist blockquote { background:#ededed; } .commentlist li { padding: 10px 0px 10px 0px; list-style:none; margin-bottom:3px; } .commentlist li li { background:none; border:none; list-style:square; margin:3px 0 3px 20px; padding:3px 0; } .commenttext { padding: 10px 10px 0px 10px; background:#f2f2f2; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; width:495px; float:right } .commentlist cite strong { font-size:1.1em; } li.my_comment { background: #FFF; border:none; } li.my_comment cite strong { font-size: 1.3em; color:#313228; } #commentform small { background:#FFF; font-weight:bold; padding:0; } .commentmetadata { color:#4d4d4d; display: block; margin-top:3px; text-align:right; font-size:0.9em; } .commentmetadata a, .commentmetadata a:visited { color:#959382; } .commentlist small { background:#e9e9e9; } .avatar { border:1px solid #bbb; margin:0px 10px 0px 0px; float:left; padding:2px; width:55px; height:55px; } #comment { width:590px; background:#fff; } /* Footer*/ #front-popular { font-size:0.7em; color:#fff; width: 940px; background:#2c2c2c url("http://www.fileden.com/files/2009/5/1/2426283/bottombar.png") bottom no-repeat; margin: 0 auto; padding:10px; } #recentpost, #mostcommented { width:280px; float:left; padding:10px; border:1px solid #fff; } #mostcommented { margin-left:17px; } #recent_comments { width:280px; float:right; padding:10px; border:1px solid #fff; } #recentpost a, #mostcommented a, #recent_comments a { color:#fff; } #recentpost ul, #mostcommented ul, #recent_comments ul { margin-top:5px; } #recentpost ul li, #mostcommented ul li, #recent_comments ul li { list-style:none; border-top:1px dotted #fff; padding:5px; display:block; } #recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover { background:#3c78a7; color:#fff; } #recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child { border-top:0px dotted #fff; } #footer { margin: 0 auto; width: 960px; font-size:0.6em; padding-top:10px; padding-bottom:10px; } /* Float Properties*/ .clearfloat:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfloat { display: inline-block; } /* Hides from IE-mac */ * html .clearfloat { height:1%; } *+html .clearfloat { height:1%; } .clearfloat { display:block; }

 Texto encima de la web
<body bgcolor="#000000" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="15" marginwidth="0" marginheight="0" style="padding:5px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" > <tr><td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-03.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td bgcolor="#660000" width="95%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif"> <DIV align=left><b><font face="Arial" size="1" color="#969696"> <SPAN id=clock> <SCRIPT language=JavaScript> <!-- Begin var dayarray=new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sábado") var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre") function getthedate(){ var mydate=new Date() var year=mydate.getYear() if (year < 1000) year+=1900 var day=mydate.getDay() var month=mydate.getMonth() var daym=mydate.getDate() if (daym<10) daym=""+daym var hours=mydate.getHours() var minutes=mydate.getMinutes() var seconds=mydate.getSeconds() var dn="AM" if (hours>=12) dn="PM" if (hours>12){ hours=hours-12 } { d = new Date(); Time24H = new Date(); Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000); } if (hours==0) hours=12 if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds //change font size here var cdate=dayarray[day]+" "+daym+" de "+montharray[month]+" del "+year+" "+hours+":"+minutes+":"+seconds+" "+dn+"" if (document.all) document.all.clock.innerHTML=cdate else if (document.getElementById) document.getElementById("clock").innerHTML=cdate else document.write(cdate) } if (!document.all&&!document.getElementById) getthedate() function goforit(){ if (document.all||document.getElementById) setInterval("getthedate()",1000) } window.onload=goforit // End --> </SCRIPT> </SPAN></font></b></DIV> </td> <td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-05.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-05.gif" width="119" height="21"></td></tr> </table> <table class="topBorder" border="0" cellpadding="0" cellspacing="0" width="100%" height="100" align="center"> <tr><td bgcolor="#000000" background="https://img.webme.com/pic/d/dpruebas/a-01.gif" style="padding-left:20px;font-size:20pt;color:#000000;background-repeat:no-repeat;"><b>Nombre Página</b></td></tr></table> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center"> <tr><td class="topBorder"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="15%" class="topMenu" bgcolor="#660000"><img border="0" src="#" _fcksavedurl="#" width="1" height="1"></td> <td width="23%" class="topMenu" bgcolor="#242424" align="center"><a href="#" _fcksavedurl="#" class="menu1">Inicio</a></td> <td width="23%" class="topMenu" bgcolor="#242424" align="center"><a class="menu1" href="#" _fcksavedurl="#">Foro</a></td> <td width="23%" class="topMenu" bgcolor="#242424" align="center"><a class="menu1" href="#" _fcksavedurl="#">Blog</a></td> <td width="15%" class="topMenu" bgcolor="#660000"><img border="0" src="#" _fcksavedurl="#" width="1" height="1"></td> </tr> </table> </td></tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center"> <tr> <td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-08.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-08.gif" width="119" height="21"></td> <td bgcolor="#660000" width="95%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif" align="right" class="copy"></td> <td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-09.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-09.gif" width="11" height="21"></td></tr> </table> <div style="padding:3px"></div> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center"> <tr><td width="195" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-03.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle">Menu del sitio</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-10.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424"> <div class="menu_1"><a href="#" _fcksavedurl="#">Link</href></div> <div class="menu_1"><a href="#" _fcksavedurl="#">Link</href></div> <div class="menu_1"><a href="#" _fcksavedurl="#">Link</href></div> <div class="menu_1"><a href="#" _fcksavedurl="#">Link</href></div> </td></tr> <tr><td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-11.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div> <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-03.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle">Box 02</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-10.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424"> <br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/> </td></tr> <tr><td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-11.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div> </td> <td valign="top" height="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-12.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-12.gif" width="119" height="21"></td> <td bgcolor="#660000" width="95%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif" align="center"><div class="blockTitle">Mi Pagina</div></td> <td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-05.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-05.gif" width="119" height="21"></td> </tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td bgcolor="#242424" colspan="3" class="topBorder" style="padding:3px;" valign="top">

Texto por debajo de la web
</td></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-08.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-08.gif" width="119" height="21"></td> <td bgcolor="#660000" width="95%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif" align="center"><font color="#969696">Copyright MyCorp © 2009</font></td> <td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-13.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-13.gif" width="119" height="21"></td> </tr></table></td> <td width="195" valign="top" align="right" padding-left=" 25px"> <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-03.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle"align="left" padding-left=" 25px">Internet</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-10.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424"><div align="left"> <div id="sidebar2" class="sidebar"> <script type="text/javascript" src="http://diegovenegas.110mb.com/JS/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="http://diegovenegas.110mb.com/JS/ddaccordion.js"></script> <script type="text/javascript" src="http://diegovenegas.110mb.com/JS/desp.js"></script> <div class="applemenu"> <div class="silverheader"><a href="#" _fcksavedurl="#">Nombre Menu</a></div><div class="submenu"> <ul> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> </ul> </div> <div class="silverheader"><a href="#" _fcksavedurl="#" >Nombre Menu</a></div> <div class="submenu"> <ul> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> </ul> </div> </div> </div></td></tr> <tr><td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-11.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div> <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-03.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle"align="left" padding-left=" 25px">Box 04</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-10.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424"><div align="left"> <br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/> </div></td></tr> <tr><td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-11.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div> </td></tr> </table> <div style="padding:5px;text-align:center;"> <a href="http://www.diegovenegas.es.tl" _fcksavedurl="http://www.diegovenegas.es.tl"> <img style="margin:0;padding:0;border:0;" src="https://img.webme.com/pic/d/dpruebas/a-14.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/a-14.gif" width="80" height="15" title="Design by DiegoVenegas" /></a></div> </body>

CSS sin Style Tags
a:link, a:visited, a:active {text-decoration:none; color:#969696;} a:hover {text-decoration:none; color:#4B4B4B;} td, body {font-family:Verdana,Arial,Helvetica; font-size:11px;} form {padding:0px;margin:0px;} input,textarea,select {vertical-align:middle; font-size:8pt; font-family:Verdana,Arial,Helvetica;} .copy {font-size:10px;} hr {color:#A9B8C2; height:1px;} label {cursor:pointer; cursor:hand} .blockTitle,.menu1 {color:#969696; text-transform:uppercase; font-size:9px; font-family:Tahoma,Verdana;} a.menu1:link, a.menu1:visited, a.menu1:active {text-decoration:none; color:#969696} a.menu1:hover {text-decoration:none; color:#4B4B4B} .topBorder {border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; color: #969696;} .topMenu {border:1px solid #FFFFFF; padding:2px;} .menu_1 {background-image:url(https://img.webme.com/pic/d/dpruebas/a-06.gif); widht: 190px; ext-decoration:none; height: 25px; color:#969696; margin-top:1px; padding:0 20px; line-height:25px;} .menu_1:hover {background-image:url(https://img.webme.com/pic/d/dpruebas/a-07.gif); widht: 190px; ext-decoration:none; height: 25px; color:#4B4B4B; margin-top:1px; padding:0 20px; line-height:25px;} #content {padding:10px; color:#969696; font-family: Helvetica, sans-serif; font-size:14px; background-color:#transparent; overflow:auto;} .nav_element, .header, #content_container h2, #extraDiv1,#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5, #extraDiv6,#pre_header ,#post_header,#pre_content,#nav_heading, div.header,h1#title,h2#title span,#counter {display: none;} .applemenu {margin: 5px 0; padding: 0; width: 182px;} .applemenu div.silverheader a {background: black url(https://img.webme.com/pic/d/dpruebas/a-06.gif) repeat-x center left; font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif; color: #969696; display: block; position: relative; width: auto; padding: 5px 0; padding-left: 25px; text-decoration: none;} .applemenu div.silverheader a:visited, .applemenu div.silverheader a:active {color: #969696;} .applemenu div.selected a, .applemenu div.silverheader a:hover {background-image: url(https://img.webme.com/pic/d/dpruebas/a-07.gif); color: #4B4B4B;} .applemenu div.submenu { padding: 5px;} ul{list-style-image: url(https://img.webme.com/pic/d/dpruebas/b-02.gif);}  

Texto encima de la web
 <!-- www.cssplantillas.es.tl --> <style> #header_wrapper {background: Url("URL DE TU CABEZAL") repeat-x;} /* ANCHO 992PX ALTO: 150PX */ </style> <div id="layout_wrapper"><div id="layout_wrapper2"> <div id="layout_wrapper3"><div id="layout_wrapper4"> <div id="header_wrapper"><div id="head"> <div id="site_title"> <!-- Cabecera --> <h1><a href="http://cssplantillas.es.tl" _fcksavedurl="http://cssplantillas.es.tl">Css Plantillas</a></h1> <h2>Recursos web!</h2> <!-- Fin Cabecera --> </div></div></div> <div id="navigation"><div id="nav"><ul class="tabbed"> <!-- menu 1 --> <li class="current_page_item"><a href="URL" _fcksavedurl="URL">Inicio</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 5</a></li> <!-- Fin menu 1 --> </ul><div class="clearer"></div> </div><div id="subnav"> <ul class="tabbed"> <li class="current_page_item"><a href="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> </ul> <div class="clearer"></div> </div></div> <div id="main_wrapper"><div id="main"> <div class="left" id="content_wrapper"> <!-- www.cssplantillas.es.tl -->

Texto por debajo de la web
<!-- www.cssplantillas.es.tl --> </div><div class="right" id="sidebar_wrapper"> <div id="sidebar"><div class="box"> <div class="box_title">Nuestra web</div> <div class="box_content"><p> <!-- Escribe aqui lo que quieras! --> Aenean sit amet dui at felis lobortis dignissim. Pellentesque risus nibh, feugiat in, convallis id, congue ac, sem. Sed tempor neque in quam. <!-- Fin --> </p></div></div> <div class="box"><div class="box_title">Categorias</div> <div class="box_content"><ul> <li><a href="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL">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">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 5</a></li> </ul> </div></div></div></div> <div class="clearer"></div> </div></div> <div id="dashboard_outer"><div id="dashboard"> <div class="col3 left"><div class="col3_content"> <div class="col_title">Link's final 1</div><ul> <li><a href="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 5</a></li> </ul></div></div> <div class="col3mid left"><div class="col3_content"> <div class="col_title">Link's final 2</div><ul> <li><a href="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 5</a></li> </ul></div></div> <div class="col3 right"><div class="col3_content"> <div class="col_title">Link's final 3</div><ul> <li><a href="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 5</a></li> </ul></div></div> <div class="clearer"></div></div></div> <div id="footer"><div class="left"> <!-- Copyright --> © 2009 Website.com - tusitioweb <!-- Fin Copyright --> </div><div class="right"> <a href="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">Css Plantillas</a> </div> <div class="clearer"></div> </div></div></div></div></div> <!-- www.cssplantillas.es.tl -->

CSS Sin Style Tags
<!-- 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, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} table {border-collapse: collapse; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal;} table, td, th {vertical-align: middle;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} a img {border: none;} html {height: 100%;padding-bottom: 1px;} body {background: #797E84 url("https://img.webme.com/pic/c/cssplantillas/ngloom1.jpg"); color:#444;font:normal 80% sans-serif;line-height:1.5;} h1,h2,h3,h4,h5,h6 {color:#555;font-weight:normal;line-height:1;margin-bottom:0.3em;} h4,h5,h6 {font-weight: bold;} h1 {font-size: 2.6em;} h2 {font-size: 2em;} h3 {font-size: 1.5em;} h4 {font-size: 1.25em;} h5 {font-size: 1.1em;} h6 {font-size: 1em;} p {margin-bottom: 1em;} a:focus,a:hover {color: #000;} a {color: #357;text-decoration: underline;} abbr, acronym {border-bottom: 1px dotted #666;} address {margin-bottom: 1.5em;} blockquote {margin: 1.5em;} del, blockquote {color: #666;} em, dfn, blockquote, address {font-style: italic;} strong, dfn {font-weight: bold;} sup, sub {line-height: 0;} pre {margin: 1.5em 0;white-space: pre;} pre,code,tt {font: 1em monospace;line-height: 1.5;} li ul, li ol {margin-left: 1.5em;} ul, ol {margin: 0 1.5em 1.5em 1.5em;} ul {list-style-type: disc;} ol {list-style-type: decimal;} dl {margin: 0 0 1.5em 0;} dl dt {font-weight: bold;} dd {margin-left: 1.5em;} ul.tabbed {display: inline;margin: 0;} ul.tabbed li {float: left;list-style: none;margin: 0;} textarea {overflow: auto;} input.text, textarea, select {background: #FCFCFC;border: 1px inset #AAA;padding: 4px 5px;} input.text:focus, textarea:focus, select:focus {background: #FFFFF5;} input.button {background: #F9F9F3;border: 1px outset #AAA;padding: 4px 5px;} input.button:active {border-style: inset;} .form_property, .form_value {float: left;} .form_property {text-align: right;width: 110px;} .form_value {padding-left: 24px;} .form_row_submit .form_value {padding-left: 132px;} .center,.aligncenter {display: block;margin-left: auto;margin-right: auto;} img.bordered,img.alignleft,img.alignright,img.aligncenter {background-color: #FFF; border: 1px solid #DDD;padding: 3px;} img.alignleft, img.left {margin: 0 1.5em 1em 0;} img.alignright, img.right {margin: 0 0 1em 1.5em;} .left,.alignleft {float: left;} .right,.alignright {float: right;} .clear,.clearer {clear: both;} .clearer {display: block;font-size: 0;line-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;} .post {margin-bottom: 24px;} .post_title a,.post_meta a, .post_date a {text-decoration: none;} .post_title a:hover,.post_meta a:hover, .post_date a:hover {text-decoration: underline;} .post_date {border-top:1px solid #D5D5D5;color:#777;font-size:0.9em;padding:8px 0 12px;} .post_date a {color: #444;} .post_meta {background: #E7E7E7;border: 1px solid #D7D7D7; color: #777;font-size: 0.9em;padding: 6px 10px;} .post_meta a {color: #345; } .post_meta a:hover {color: #001;} .archive_pagination {margin-bottom: 1.6em;} .archive_post {margin-bottom: 14px;} .archive_post_title {padding-top: 3px;} .archive_post_date {background:#FAFAFA;border-bottom:1px solid #C5C5C5;border-right:1px solid #CFCFCF; float: left;margin-right:12px;padding: 2px 0 5px;text-align: center;width: 46px;} .archive_post .post_date {border: none;padding:3px 0 0;} .archive_post_day {font: normal 1.6em Georgia,serif;} .thumbnails {margin: 0 0 1em -8px;} .thumbnails a.thumb{background:#D5D5D5;display:block;float:left;margin:0 0 8px 8px;padding:3px;} .thumbnails a.thumb:hover {background: #C0C0C0;} .thumbnails .thumb img {display: block;} .box {margin-bottom: 0.6em;} .box_title {background: #D2D5D8;border-bottom: 1px solid #C6C9CB;color: #70767A; font: bold 1.3em sans-serif;padding: 7px 10px 6px;} .box_content {padding: 8px 0 8px;} .box li:first-child {border-top: none;} div.comment_list {border-top: 1px solid #D6D6D6; margin: 1em 0 2em;} .comment {border-bottom: 1px solid #D6D6D6;padding-top: 10px;} .comment_date {font-size: 0.9em;} .comment_date a {color: #567;text-decoration: none;} .comment_date a:hover {color: #001;text-decoration: underline;} .comment_body {padding-top: 4px;} .comment_gravatar {width: 48px;} .comment_gravatar img {background: #FFF;border: 1px solid #DDD;padding: 2px;} #layout_wrapper {background: url("https://img.webme.com/pic/c/cssplantillas/ngloom2.jpg") repeat-x; padding-bottom: 16px;} #layout_wrapper2 {background: url("https://img.webme.com/pic/c/cssplantillas/ngloom3.jpg") no-repeat center top; padding-top: 10px;} #layout_wrapper3 {background: #FFF;margin: 0 auto;width: 992px; } #layout_wrapper4 {padding: 6px;} #header_wrapper {height: 150px;} #head {padding: 48px 48px 0 48px;} #site_title h1 {color: #A0C3D0;font-size: 2.5em;} #site_title h1 a {color: #A0C3D0;text-decoration: none;} #site_title h1 a:hover {color: #DDD;} #site_title h2 {color: #999;font-size: 1.3em;} #navigation {background: #6E7D85 url("https://img.webme.com/pic/c/cssplantillas/ngloom5.gif") repeat-x; margin-bottom: 3px;padding-top: 4px;} #navigation a {color:#E0E6EA;display:block;font-weight:bold;text-decoration: none;} #navigation a:hover {color: #F0F6FA;} #nav li {border-right: 1px solid #54646C;} #nav a {font-size: 1.3em;padding: 10px 16px;} #nav a:hover {background: #5E6D75;} #nav li.current_page_item a {background: #6E7D85;color: #FFF;} #subnav {border-top: 1px solid #555A5F;background: #60656A;} #subnav li {border-right: 1px solid #50555A;} #subnav a {font-size: 1.1em;padding: 9px 12px;} #subnav a:hover {background: #555A5F;} #main_wrapper {background: url("https://img.webme.com/pic/c/cssplantillas/ngloom6.gif") repeat-y; border-bottom: 1px solid #C3C4C1;margin-bottom: 3px;} #main {background: url("https://img.webme.com/pic/c/cssplantillas/ngloom7.gif") no-repeat;padding: 24px 0;} #content_wrapper {width: 690px;} #content {padding: 0 20px;} #sidebar_wrapper {width: 290px;} #sidebar {padding: 0 18px;} #dashboard_wrapper {} #dashboard {background: #C9CDCF url("https://img.webme.com/pic/c/cssplantillas/ngloom8.gif") repeat-x; border:1px solid #ACAFB0;color:#404448;margin-bottom:3px;padding: 16px;} #dashboard .col3 {width: 288px;} #dashboard .col3mid {width: 370px;} #dashboard .col3mid .col3_content {border-left: 1px solid #B0B4B8; border-right: 1px solid #B0B4B8;margin: 0 20px;padding: 0 20px;} #dashboard .col_title {color: #606669;font-size: 1.5em;} #dashboard ul {margin: 0;} #dashboard li {border-bottom:1px solid #BABEBF;list-style:none;padding:5px 0;} #dashboard li a {color: #404448;text-decoration: none;} #dashboard li a:hover {color: #202428;text-decoration: underline;} #footer {background: #DDD;border: 1px solid #CCC;padding: 8px 12px;} #footer .right, #footer .right a {color: #777;text-decoration: none;} #footer .right a:hover {color:#223;text-decoration: underline;} * html #main, * html #dashboard {height: 0.01%; min-height: 0.01%;} <!-- www.cssplantillas.es.tl -->

 Texto encima de la web
<!-- www.cssplantillas.es.tl --> <style> #header_wrapper {background: Url("URL DE TU CABEZAL") repeat-x;} /* ANCHO 992PX ALTO: 150PX */ </style> <div id="layout_wrapper"><div id="layout_wrapper2"> <div id="layout_wrapper3"><div id="layout_wrapper4"> <div id="header_wrapper"><div id="head"> <div id="site_title"> <!-- Cabecera --> <h1><a href="http://cssplantillas.es.tl" _fcksavedurl="http://cssplantillas.es.tl">Css Plantillas</a></h1> <h2>Recursos web!</h2> <!-- Fin Cabecera --> </div></div></div> <div id="navigation"><div id="nav"><ul class="tabbed"> <!-- menu 1 --> <li class="current_page_item"><a href="URL" _fcksavedurl="URL">Inicio</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 5</a></li> <!-- Fin menu 1 --> </ul><div class="clearer"></div> </div><div id="subnav"> <ul class="tabbed"> <li class="current_page_item"><a href="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> </ul> <div class="clearer"></div> </div></div> <div id="main_wrapper"><div id="main"> <div class="left" id="content_wrapper"> <!-- www.cssplantillas.es.tl -->

Texto por debajo de la web
<!-- www.cssplantillas.es.tl --> </div><div class="right" id="sidebar_wrapper"> <div id="sidebar"><div class="box"> <div class="box_title">Nuestra web</div> <div class="box_content"><p> <!-- Escribe aqui lo que quieras! --> Aenean sit amet dui at felis lobortis dignissim. Pellentesque risus nibh, feugiat in, convallis id, congue ac, sem. Sed tempor neque in quam. <!-- Fin --> </p></div></div> <div class="box"><div class="box_title">Categorias</div> <div class="box_content"><ul> <li><a href="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL">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">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 5</a></li> </ul> </div></div></div></div> <div class="clearer"></div> </div></div> <div id="dashboard_outer"><div id="dashboard"> <div class="col3 left"><div class="col3_content"> <div class="col_title">Link's final 1</div><ul> <li><a href="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 5</a></li> </ul></div></div> <div class="col3mid left"><div class="col3_content"> <div class="col_title">Link's final 2</div><ul> <li><a href="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 5</a></li> </ul></div></div> <div class="col3 right"><div class="col3_content"> <div class="col_title">Link's final 3</div><ul> <li><a href="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 5</a></li> </ul></div></div> <div class="clearer"></div></div></div> <div id="footer"><div class="left"> <!-- Copyright --> © 2009 Website.com - tusitioweb <!-- Fin Copyright --> </div><div class="right"> <a href="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">Css Plantillas</a> </div> <div class="clearer"></div> </div></div></div></div></div> <!-- www.cssplantillas.es.tl -->

CSS Sin Style Tags
<!-- 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, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} table {border-collapse: collapse; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal;} table, td, th {vertical-align: middle;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} a img {border: none;} html {height: 100%;padding-bottom: 1px;} body {background: #797E84 url("https://img.webme.com/pic/c/cssplantillas/ngloom1.jpg"); color:#444;font:normal 80% sans-serif;line-height:1.5;} h1,h2,h3,h4,h5,h6 {color:#555;font-weight:normal;line-height:1;margin-bottom:0.3em;} h4,h5,h6 {font-weight: bold;} h1 {font-size: 2.6em;} h2 {font-size: 2em;} h3 {font-size: 1.5em;} h4 {font-size: 1.25em;} h5 {font-size: 1.1em;} h6 {font-size: 1em;} p {margin-bottom: 1em;} a:focus,a:hover {color: #000;} a {color: #357;text-decoration: underline;} abbr, acronym {border-bottom: 1px dotted #666;} address {margin-bottom: 1.5em;} blockquote {margin: 1.5em;} del, blockquote {color: #666;} em, dfn, blockquote, address {font-style: italic;} strong, dfn {font-weight: bold;} sup, sub {line-height: 0;} pre {margin: 1.5em 0;white-space: pre;} pre,code,tt {font: 1em monospace;line-height: 1.5;} li ul, li ol {margin-left: 1.5em;} ul, ol {margin: 0 1.5em 1.5em 1.5em;} ul {list-style-type: disc;} ol {list-style-type: decimal;} dl {margin: 0 0 1.5em 0;} dl dt {font-weight: bold;} dd {margin-left: 1.5em;} ul.tabbed {display: inline;margin: 0;} ul.tabbed li {float: left;list-style: none;margin: 0;} textarea {overflow: auto;} input.text, textarea, select {background: #FCFCFC;border: 1px inset #AAA;padding: 4px 5px;} input.text:focus, textarea:focus, select:focus {background: #FFFFF5;} input.button {background: #F9F9F3;border: 1px outset #AAA;padding: 4px 5px;} input.button:active {border-style: inset;} .form_property, .form_value {float: left;} .form_property {text-align: right;width: 110px;} .form_value {padding-left: 24px;} .form_row_submit .form_value {padding-left: 132px;} .center,.aligncenter {display: block;margin-left: auto;margin-right: auto;} img.bordered,img.alignleft,img.alignright,img.aligncenter {background-color: #FFF; border: 1px solid #DDD;padding: 3px;} img.alignleft, img.left {margin: 0 1.5em 1em 0;} img.alignright, img.right {margin: 0 0 1em 1.5em;} .left,.alignleft {float: left;} .right,.alignright {float: right;} .clear,.clearer {clear: both;} .clearer {display: block;font-size: 0;line-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;} .post {margin-bottom: 24px;} .post_title a,.post_meta a, .post_date a {text-decoration: none;} .post_title a:hover,.post_meta a:hover, .post_date a:hover {text-decoration: underline;} .post_date {border-top:1px solid #D5D5D5;color:#777;font-size:0.9em;padding:8px 0 12px;} .post_date a {color: #444;} .post_meta {background: #E7E7E7;border: 1px solid #D7D7D7; color: #777;font-size: 0.9em;padding: 6px 10px;} .post_meta a {color: #345; } .post_meta a:hover {color: #001;} .archive_pagination {margin-bottom: 1.6em;} .archive_post {margin-bottom: 14px;} .archive_post_title {padding-top: 3px;} .archive_post_date {background:#FAFAFA;border-bottom:1px solid #C5C5C5;border-right:1px solid #CFCFCF; float: left;margin-right:12px;padding: 2px 0 5px;text-align: center;width: 46px;} .archive_post .post_date {border: none;padding:3px 0 0;} .archive_post_day {font: normal 1.6em Georgia,serif;} .thumbnails {margin: 0 0 1em -8px;} .thumbnails a.thumb{background:#D5D5D5;display:block;float:left;margin:0 0 8px 8px;padding:3px;} .thumbnails a.thumb:hover {background: #C0C0C0;} .thumbnails .thumb img {display: block;} .box {margin-bottom: 0.6em;} .box_title {background: #D2D5D8;border-bottom: 1px solid #C6C9CB;color: #70767A; font: bold 1.3em sans-serif;padding: 7px 10px 6px;} .box_content {padding: 8px 0 8px;} .box li:first-child {border-top: none;} div.comment_list {border-top: 1px solid #D6D6D6; margin: 1em 0 2em;} .comment {border-bottom: 1px solid #D6D6D6;padding-top: 10px;} .comment_date {font-size: 0.9em;} .comment_date a {color: #567;text-decoration: none;} .comment_date a:hover {color: #001;text-decoration: underline;} .comment_body {padding-top: 4px;} .comment_gravatar {width: 48px;} .comment_gravatar img {background: #FFF;border: 1px solid #DDD;padding: 2px;} #layout_wrapper {background: url("https://img.webme.com/pic/c/cssplantillas/ngloom2.jpg") repeat-x; padding-bottom: 16px;} #layout_wrapper2 {background: url("https://img.webme.com/pic/c/cssplantillas/ngloom3.jpg") no-repeat center top; padding-top: 10px;} #layout_wrapper3 {background: #FFF;margin: 0 auto;width: 992px; } #layout_wrapper4 {padding: 6px;} #header_wrapper {height: 150px;} #head {padding: 48px 48px 0 48px;} #site_title h1 {color: #A0C3D0;font-size: 2.5em;} #site_title h1 a {color: #A0C3D0;text-decoration: none;} #site_title h1 a:hover {color: #DDD;} #site_title h2 {color: #999;font-size: 1.3em;} #navigation {background: #6E7D85 url("https://img.webme.com/pic/c/cssplantillas/ngloom5.gif") repeat-x; margin-bottom: 3px;padding-top: 4px;} #navigation a {color:#E0E6EA;display:block;font-weight:bold;text-decoration: none;} #navigation a:hover {color: #F0F6FA;} #nav li {border-right: 1px solid #54646C;} #nav a {font-size: 1.3em;padding: 10px 16px;} #nav a:hover {background: #5E6D75;} #nav li.current_page_item a {background: #6E7D85;color: #FFF;} #subnav {border-top: 1px solid #555A5F;background: #60656A;} #subnav li {border-right: 1px solid #50555A;} #subnav a {font-size: 1.1em;padding: 9px 12px;} #subnav a:hover {background: #555A5F;} #main_wrapper {background: url("https://img.webme.com/pic/c/cssplantillas/ngloom6.gif") repeat-y; border-bottom: 1px solid #C3C4C1;margin-bottom: 3px;} #main {background: url("https://img.webme.com/pic/c/cssplantillas/ngloom7.gif") no-repeat;padding: 24px 0;} #content_wrapper {width: 690px;} #content {padding: 0 20px;} #sidebar_wrapper {width: 290px;} #sidebar {padding: 0 18px;} #dashboard_wrapper {} #dashboard {background: #C9CDCF url("https://img.webme.com/pic/c/cssplantillas/ngloom8.gif") repeat-x; border:1px solid #ACAFB0;color:#404448;margin-bottom:3px;padding: 16px;} #dashboard .col3 {width: 288px;} #dashboard .col3mid {width: 370px;} #dashboard .col3mid .col3_content {border-left: 1px solid #B0B4B8; border-right: 1px solid #B0B4B8;margin: 0 20px;padding: 0 20px;} #dashboard .col_title {color: #606669;font-size: 1.5em;} #dashboard ul {margin: 0;} #dashboard li {border-bottom:1px solid #BABEBF;list-style:none;padding:5px 0;} #dashboard li a {color: #404448;text-decoration: none;} #dashboard li a:hover {color: #202428;text-decoration: underline;} #footer {background: #DDD;border: 1px solid #CCC;padding: 8px 12px;} #footer .right, #footer .right a {color: #777;text-decoration: none;} #footer .right a:hover {color:#223;text-decoration: underline;} * html #main, * html #dashboard {height: 0.01%; min-height: 0.01%;} <!-- www.cssplantillas.es.tl -->

 Texto encima de la web
<!-- content-wrap ends here --> </div> <!-- wrap starts here --> <div id="wrap"> <!--header --> <div id="header"> <h1 id="logo-text"><a href="index.html" _fcksavedurl="index.html"></a></h1> <p id="slogan"></p> <div id="header-links"> </div> </div> <!-- menu --> <div id="menu"> <ul> <li id="current"><li><a href="#" _fcksavedurl="#">Tu Link</a></li> <li><a href="#" _fcksavedurl="#">Tu Link</a></li> <li><a href="#" _fcksavedurl="#">Tu Link</a></li> <li><a href="#" _fcksavedurl="#">Tu Link</a></li> <li><a href="#" _fcksavedurl="#">Tu Link</a></li> <li><a href="#" _fcksavedurl="#">Tu Link</a></li> <li><a href="#" _fcksavedurl="#">Tu Link</a></li> </ul> </div></center> <!-- content-wrap starts here --> <div id="content-wrap"> <div id="sidebar"> <div class="left-box"> <p class="align-right"></p> </div> </div>

Texto por debajo de la web
<!-- content-wrap ends here --> </div> <!--footer starts here--> <div id="footer"> <br><br><br><br><br><center>Skin Creado Por: <a href="www.paul7548design.es.tl" _fcksavedurl="www.paul7548design.es.tl">Paul7548 Design</a><br> Vista el Foro de Soporte para mas Skin: <a href="http://paul7548.webcindario.com" _fcksavedurl="http://paul7548.webcindario.com">www.paul7548.webcindario.com </div> <!-- wrap ends here --> </div>

CSS sin Style Tags
 lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Top Elements */ * { margin: 0; padding: 0; outline: 0 } body { background-image:url(https://img.webme.com/pic/l/l2revenlion/as2222e3233.bmp);background-color:#fff; font: 70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #555; text-align: center; } /* links */ a, a:visited { text-decoration: none; color: #2180BC; background: inherit; } a:hover { color: #88ac0b; background: inherit; text-decoration: underline; } /* headers */ h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif; } h1 { font-size: 150%; font-weight: normal; color: #cccccc; } h2 { font-size: 140%; text-transform: uppercase; color: #cccccc; } h3 { font-size: 120%; color: #cccccc; } h1, h2, h3, p { padding: 10px; margin: 0; } ul, ol { margin: 5px 20px; padding: 0 20px; } /******************************************** Design ********************************************/ #wrap { width: 838px; background: url(https://img.webme.com/pic/l/l2revenlion/33444112.png) repeat-y center top; margin: 0 auto; text-align: left; } #content-wrap { clear: both; width: 760px; padding: 0; margin: 10px auto; } #header { width: 838px; position: relative; height: 180px; background: #fff url(http://img81.imageshack.us/img81/208/123123fd1.png) no-repeat center top; padding: 0; } #header h1#logo-text a { position: absolute; margin: 0; padding: 0; font: bolder 44px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; color: #FFF; text-transform: none; text-decoration: none; background: transparent; /* change the values of top and left to adjust the position of the logo*/ top: 25px; left: 100px; } #header p#slogan { position: absolute; margin: 0; padding: 0; font: normal 12px 'Trebuchet MS', Arial, Sans-serif; text-transform: none; color: #FFF; /* change the values of top and left to adjust the position of the slogan*/ top: 15px; left: 630px; } /* header links */ #header #header-links { position: absolute; top: 20px; right: 30px; color: #ffffff; font-size: 10px; } #header #header-links a { color: #FFF; text-decoration: none; } #header #header-links a:hover { color: #cccccc; } /* Menu */ #menu { clear: both; margin: 0 auto; padding: 0; background: url(https://img.webme.com/pic/l/l2revenlion/asdasdasdasd.png) repeat-x 0 0; font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif; height: 28px; width: 838px; } #menu ul { float: right; list-style: none; margin:0; padding: 0; } #menu ul li { display: inline; } #menu ul li a { display: block; float: left; padding: 0 12px; color: #FFF; text-decoration: none; } #menu ul li.last a { padding-right: 20px; } #menu ul li a:hover { color: #cccccc; } #menu ul li#current a { color: #ff0000; } /* Main Column */ #main { float: left; width: 70%; padding: 0; margin: 5px 0 0 5px; display: inline; } #main h2 { margin-top: 10px; font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF none no-repeat 3px 50%; text-transform: none; } #main h2 a { background: none; color: #88ac0b; text-decoration: none; } #main ul li { list-style-image: none; } .post-footer { background-color: #FAFAFA; padding: 5px; margin: 20px 10px 10px 10px; border: 1px solid #f2f2f2; font-size: 95%; } .post-footer .date { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .comments { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .readmore { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } /* Sidebar */ #sidebar { float: right; width: 26.5%; padding: 0; margin: 0; color: #000; } #sidebar h3 { margin-top: 10px; padding: 20px 20px; font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif; color: #00ccff; } #sidebar ul.sidemenu { list-style: none; text-align: left; margin: 7px 4px 8px 0; padding: 0; text-decoration: none; background: none repeat-x left top; } #sidebar ul.sidemenu li { list-style: none; background: none repeat-x left bottom; padding: 4px 0 4px 5px; margin: 0 20px; color: #bc0303; } * html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu li a { text-decoration: none; background-image: none; color: #666666; } #sidebar ul.sidemenu li a:hover { color: #1773BC; } #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; } #sidebar ul.sidemenu ul li { background: none; } /* Footer */ #footer { color: #C6DDEE; background: url(http://img510.imageshack.us/img510/4945/asdasdwo0.png) no-repeat center top; clear: both; width: 838px; height: 76px; text-align: center; font-size: 92%; } #footer a { color: #FFF; text-decoration: none; } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* display and additional classes */ .clear { clear: both; }

 Texto encima de la web
<!-- wrap starts here --> <div id="wrap"> <!--header --> <div id="header"> <h1 id="logo-text"><a href="index.html" _fcksavedurl="index.html"></a></h1> <p id="slogan"></p> <div id="header-links"> <p> <a href="Modificar Url" _fcksavedurl="Modificar Url">Modificar</a> | <a href="Modificar Url" _fcksavedurl="Modificar Url">Modificar</a> | <a href="Modificar Url" _fcksavedurl="Modificar Url">Modificar</a> </p> </div> </div> <!-- menu --> <div id="menu"> <ul> <li id="current"><a href="Modificar Url" _fcksavedurl="Modificar Url"> Modificar </a></li> <li><a href="Modificar Url" _fcksavedurl="Modificar Url">Modificarr</a></li> <li><a href="Modificar Url" _fcksavedurl="Modificar Url">Modificar</a></li> <li><a href="Modificar Url" _fcksavedurl="Modificar Url">Modificar</a></li> <li><a href="Modificar Url" _fcksavedurl="Modificar Url">Modificar</a></li> <li><a href="Modificar Url" _fcksavedurl="Modificar Url">Modificarr</a></li> <li><a href="Modificar Url" _fcksavedurl="Modificar Url">Modificar</a></li> <li><a href="Modificar Url" _fcksavedurl="Modificar Url">Modificar</a></li> <li><a href="Modificar Url" _fcksavedurl="Modificar Url">Modificar</a></li> <li><a href="Modificar Url" _fcksavedurl="Modificar Url">Modificar</a></li> <li class="last"><a href="Modificar Url" _fcksavedurl="Modificar Url">Modificar Url</a></li> </ul> </div> <!-- content-wrap starts here --> <div id="content-wrap"> <div id="sidebar"> <div class="left-box"> <p class="align-right"></p> </div> </div>

Texto por debajo de la web
<!-- content-wrap ends here --> </div> <!--footer starts here--> <div id="footer"> </div> <!-- wrap ends here --> </div>

CSS Sin Style Tags
lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Top Elements */ * { margin: 0; padding: 0; outline: 0 } body { background-image: none;background-color:#000000; font: 70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #555; text-align: center; } /* links */ a, a:visited { text-decoration: none; color: #2180BC; background: inherit; } a:hover { color: #88ac0b; background: inherit; text-decoration: underline; } /* headers */ h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif; } h1 { font-size: 150%; font-weight: normal; color: #cccccc; } h2 { font-size: 140%; text-transform: uppercase; color: #cccccc; } h3 { font-size: 120%; color: #cccccc; } h1, h2, h3, p { padding: 10px; margin: 0; } ul, ol { margin: 5px 20px; padding: 0 20px; } /******************************************** Design ********************************************/ #wrap { width: 995px; background: url(http://i39.tinypic.com/9kms7o.jpg) repeat-y center top; margin: 0 auto; text-align: left; } #content-wrap { clear: both; width: 760px; padding: 0; margin: 10px auto; } #header { width: 995px; position: relative; height: 298px; background: #fff url(http://i39.tinypic.com/xd8cb9.jpg) no-repeat center top; padding: 0; } #header h1#logo-text a { position: absolute; margin: 0; padding: 0; font: bolder 44px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; color: #FFF; text-transform: none; text-decoration: none; background: transparent; /* change the values of top and left to adjust the position of the logo*/ top: 25px; left: 47px; } #header p#slogan { position: absolute; margin: 0; padding: 0; font: normal 12px 'Trebuchet MS', Arial, Sans-serif; text-transform: none; color: #FFF; /* change the values of top and left to adjust the position of the slogan*/ top: 70px; left: 55px; } /* header links */ #header #header-links { position: absolute; top: 20px; right: 30px; color: #ffffff; font-size: 10px; } #header #header-links a { color: #FFF; text-decoration: none; } #header #header-links a:hover { color: #cccccc; } /* Menu */ #menu { clear: both; margin: 0 auto; padding: 0; background: url(http://i43.tinypic.com/5bydjb.jpg) repeat-x 0 0; font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif; height: 62px; width: 995px; } #menu ul { float: right; list-style: none; margin:0; padding: 0; } #menu ul li { display: inline; } #menu ul li a { display: block; float: left; padding: 0 12px; color: #FFF; text-decoration: none; } #menu ul li.last a { padding-right: 20px; } #menu ul li a:hover { color: #cccccc; } #menu ul li#current a { color: #bc0303; } /* Main Column */ #main { float: left; width: 70%; padding: 0; margin: 5px 0 0 5px; display: inline; } #main h2 { margin-top: 10px; font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF none no-repeat 3px 50%; text-transform: none; } #main h2 a { background: none; color: #88ac0b; text-decoration: none; } #main ul li { list-style-image: none; } .post-footer { background-color: #FAFAFA; padding: 5px; margin: 20px 10px 10px 10px; border: 1px solid #f2f2f2; font-size: 95%; } .post-footer .date { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .comments { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .readmore { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } /* Sidebar */ #sidebar { float: right; width: 26.5%; padding: 0; margin: 0; color: #000; } #sidebar h3 { margin-top: 10px; padding: 20px 20px; font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif; color: #bc0303; } #sidebar ul.sidemenu { list-style: none; text-align: left; margin: 7px 4px 8px 0; padding: 0; text-decoration: none; background: none repeat-x left top; } #sidebar ul.sidemenu li { list-style: none; background: none repeat-x left bottom; padding: 4px 0 4px 5px; margin: 0 20px; color: #bc0303; } * html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu li a { text-decoration: none; background-image: none; color: #666666; } #sidebar ul.sidemenu li a:hover { color: #1773BC; } #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; } #sidebar ul.sidemenu ul li { background: none; } /* Footer */ #footer { color: #C6DDEE; background: url(http://i41.tinypic.com/hs3ozc.jpg) no-repeat center top; clear: both; width: 995px; height: 51px; text-align: center; font-size: 92%; } #footer a { color: #FFF; text-decoration: none; } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* display and additional classes */ .clear { clear: both; }

 Texto encima de la web
<style type="text/css" media="screen"> <!-- body { font-family: Arial; font-size: 00px; overflow: auto; padding: 10px; margin: 0px; } ul, li { list-style-type: none; padding: 0px; margin: 0px; } li a { padding-right: 20px;padding-top: 5px; } div.menu { position: absolute; z-index: 3; top: 195px; left: 52%; margin-left:-185px; width: 647px; } .menu li { width: 70px; float: left; } .menu a { border: 0px solid #xxxxxx; background-color: #xxxxxx; background-image: none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:21px; color: #ffffff; } .menu a:hover { background-color: #transparent; background-image: none; color: #cccccc;} #smenu1, #smenu2, #smenu3, #smenu4, #smenu5 { font-size: 15px; display: none; width: 70px; float: left; } #smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a { font-weight: bold; padding-top: 5px; border-top: 0px; cursor: pointer; color: #FFFFFF; } //--> </style> <script type="text/javascript"> <!-- function montre(id) { with (document) { if (getElementById) getElementById(id).style.display = 'block'; else if (all) all[id].style.display = 'block'; else layers[id].display = 'block'; } } function cache(id) { with (document) { if (getElementById) getElementById(id).style.display = 'none'; else if (all) all[id].style.display = 'none'; else layers[id].display = 'none'; } } //--> </script> <div class="menu"> <li><a href="url" _fcksavedurl="url">menu</a> </li> <li><a href="url" _fcksavedurl="url">menu</a> </li> <li><a href="url" _fcksavedurl="url">menu</a> </li> <li><a href="url" _fcksavedurl="url">menu</a> </li> <li><a href="url" _fcksavedurl="url">menu</a> </li> </div> <div id="Designmystic"> <div id="text"><h1></h1> </div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>

CSS Sin Style Tags
lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #text{ color: ffffff; position: absolute; top: 100px; margin-left:-300px; left: 50%; } body { background-image:url(http://pixelea.com/s/764933146b.jpg);background-color:#fff;} *{ padding: 0; margin: 0; } #Designmystic { margin: 0 auto; width: 769px; height:645px; background-image:url(http://img10.xooimage.com/files/a/e/a/css-1-dragon-ball-ace904.jpg);} #content { position: absolute; left: 50%; top: 228px; margin-left:-369px; width: 717px; height: 387px; padding:10px; color: #transparent; font-size:13px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-440px; font-color:#cccccc;} a{ color:#ffffff; text-decoration: none; font-size:13px;} a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:link { color: #000000; font-size: 13px; text-decoration: none;} a:active { color: #000000; font-size: 13px; text-decoration: none;} a:visited { color: #000000; font-size: 13px; text-decoration: none;} div.lux { position: absolute; z-index: 3; top: 130px; left: 52%; margin-left: -340px; width: 100px; } .lux a { border: 0px solid #xxxxxx; background-color: #xxxxxx; background-image: none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:21px; color: #FFF; font-size: 24px; }

 Texto por encima de la web
<style type="text/css"> body{background-image:url(http://www.fonditos.com/includes/imagen.php?ruta=/var/www/fonditos/www/wallpapers/1024x768/01976.jpg&nombre=super_mario-1024x768.jpg);background-attachment: fixed} </style> <div id="sidebar_container"></div> <div id="side"></div> </style>

CSS Sin Style Tags
#extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} #sidebar_container {display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;} a{ color:#000000; text-decoration: none; font-size:13px;} a:hover { color: #000000; font-size: 13px; text-decoration: none;} a:link { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:active { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:visited { color: #000000; font-size: 13px; text-decoration: none;} body { background-color:#2c2c2c;} background-image:url(http://baxaj.com/wp-content/uploads/2007/09/mario-party-dstn_.jpg);} *{ padding: 0; margin: 0; } #Mein_Bild { margin: 0 auto; width: 1024px; height:768px; background-image:url(http://i176.photobucket.com/albums/w192/snesblog/wallpapers/Super_Mario_World.gif);} #header_container { position: absolute; left: 50%; margin-left:-360px; width: 770px; height:108px; background-color:#343434; background-image:url(http://i41.tinypic.com/29lxkxg.png); color:#FFFFFF; font-size:13px; border: 1px solid #000000;} #content { position: absolute; left: 50%; top: 176px; margin-left:-360px; width: 589px; height: auto; padding:10px; color: #000000; font-size:13px; background-color:#e7e7e7; background-image: none; border: 1px solid #000000; overflow:auto;background-repeat:no-repeat;} #nav_container{ position: absolute; left: 50%; top: 176px; margin-left: 250px; background-color:#dbdbdb; width: 160px; height: auto; border:1px solid #000000; overflow:auto;} ul#nav{ width: 160px; padding: 0px; margin: 0px;} li.nav_element{ list-style-type: none; position: relative; padding:0px; width: 160px;} li.nav_element a{ display: block; width: 160px; padding: 0px; font-weight: bold; text-decoration: none; text-align: left; color:#F2F2F2; background-color:#dbdbdb; background-image:url(http://s11b.directupload.net/images/081212/zqab7rop.png); border: 0px solid #000000;overflow:auto;background-repeat:no-repeat;} li.nav_element a:hover{ color: #000000; background-color:#C9C9C9; background-image: none;} #sidebar_container{ position: absolute; left: 50%; top:176px; margin-left: 250px; width: 160px; height: 400px; background-color:#dbdbdb; background-image:url; border:1px solid #000000; color:#000000; overflow:auto;} #side{ position: absolute; left: 50%; top:140px; margin-left: -360px; width: 770px; height: 35px; background-color:#dbdbdb; background-image:url(http://i39.tinypic.com/2gtqhif.png); border:1px solid #000000; color:#000000; overflow:auto;}

 Texto por encima de la web
<style type="text/css"> <!-- table{margin-left:auto;margin-right:auto} --></style> <style type="text/css" media="screen"> <!-- body { font-family: Arial; font-size: 00px; overflow: auto; padding: 10px; margin: 0px; } ul, li { list-style-type: none; padding: 0px; margin: 0px; } li a { padding-right: 20px;padding-top: 5px; } div.menu { position: absolute; z-index: 3; top: 218px; left: 47%; margin-left:-300px; width: 647px; } .menu li { width: 70px; float: left; } .menu a { border: 0px solid #xxxxxx; background-color: #xxxxxx; background-image: none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:21px; color: #ffffff; } .menu a:hover { background-color: #transparent; background-image: none; color: #cccccc;} #smenu1, #smenu2, #smenu3, #smenu4, #smenu5 { font-size: 15px; display: none; width: 70px; float: left; } #smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a { font-weight: bold; padding-top: 5px; border-top: 0px; cursor: pointer; color: #FFFFFF; } //--> </style> <script type="text/javascript"> <!-- function montre(id) { with (document) { if (getElementById) getElementById(id).style.display = 'block'; else if (all) all[id].style.display = 'block'; else layers[id].display = 'block'; } } function cache(id) { with (document) { if (getElementById) getElementById(id).style.display = 'none'; else if (all) all[id].style.display = 'none'; else layers[id].display = 'none'; } } //--> </script> <div class="menu"> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> </div> <div id="Designmystic"> <div id="text"><h1>ghgh</h1> </div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>

CSS Sin Style Tags
lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #text{ color: ffffff; position: absolute; top: 100px; margin-left:-300px; left: 50%; } body {background : #000000 url('http://pixelea.com/s/3cf50cb5d2.png');} *{ padding: 0; margin: 0; } #Designmystic { margin: 0 auto; width: 700px; height:600px; background-image:url(http://img249.imageshack.us/img249/6048/simpsonswebvl1.png);} #content { position: absolute; left: 39%; top: 253px; margin-left:-226px; width: 462px; height: 340px; padding:10px; color: #242424; font-size:12px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-440px; font-color:#cccccc;} a{ color:#707070; text-decoration: none; font-size:13px;} a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:link { color: #000000; font-size: 13px; text-decoration: none;} a:active { color: #707070; font-size: 13px; text-decoration: none;} a:visited { color: #cccccc; font-size: 13px; text-decoration: none;} div.lux { position: absolute; z-index: 3; top: 58px; left: 52%; margin-left: -160px; width: 100px; } .lux a { border: 0px solid #xxxxxx; background-color: #xxxxxx; background-image: none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:21px; color: #FFF; font-size: 60px; }