Texto encima de la web

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