Red Design
TEXTO POR ENCIMA DE LA PAG
<style>
#header_wrapper
{background: Url("http://wimg.co.uk/vth.png") repeat-x;} /* ANCHO 992PX ALTO: 200PX */
</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=""></a></h1>
<h2></h2>
<!-- Fin Cabecera -->
</div></div></div>
<div id="navigation"><div id="nav"><ul class="tabbed">
<!-- menu 1 -->
<li class="current_page_item"><a href="http://xdp-web.es.tl/">Inicio</a></li>
<li><a href="http://xdp-web.es.tl/Contacto.htm">Contacto</a></li>
<li><a href="http://xdp-web.es.tl/Encuestas.htm">Encuestas</a></li>
<li><a href="http://xdp-web.es.tl/xdp_web.htm">xdp-web</a></li>
<li><a href="http://xdp-web.es.tl/Moda-webmaster.htm">Moda webmaster</a></li>
<li><a href="http://xdp-web.es.tl/Afiliacion.htm">Afiliación</a></li>
<li><a href="http://xdp-web.es.tl/Libro-de-visitantes.htm">Libro de visitas</a></li>
<li><a href="http://xdp-web.es.tl/Blog.htm">Blog</a></li>
<li><a href="http://www.mundotemplates.foroactivo.com">Foro</a></li>
<!-- Fin menu 1 -->
</ul><div class="clearer"></div>
</div><div id="subnav">
<ul class="tabbed">
<li class="current_page_item"><a href="
http://xdp-web.es.tl/Plantillas.htm">Plantillas</a></li>
<li><a href="http://xdp-web.es.tl/Encabezados.htm">Encabezados</a></li>
<li><a href="http://xdp-web.es.tl/Fondos.htm">Fondos</a></li>
<li><a href="http://xdp-web.es.tl/Botones.htm">Botones</a></li>
<li><a href="http://xdp-web.es.tl/Generadores.htm">Generadores</a></li>
</ul>
<div class="clearer"></div>
</div></div>
<div id="main_wrapper"><div id="main">
<div class="left" id="content_wrapper">
<style>
table {margin-left:auto;margin-right:auto;}
</style>
TEXTO POR DEBAJO DE LA PAG
</div><div class="right" id="sidebar_wrapper">
<div id="sidebar"><div class="box">
<div class="box_title">También en</div>
<div class="box_content"><p>
<!-- Escribe aqui lo que quieras! -->
xdp creations
La sigla del diseño
<!-- Fin -->
</p></div></div>
<div class="box"><div class="box_title">La web</div>
<div class="box_content"><ul>
<a href="http://www.xdp-web.es.tl/Contacto.htm">Contacto</a><br />
<a href="http://xdp-web.es.tl/Sobre-nosotros.htm">Quienes somos</a><br />
<a href="http://xdp-web.es.tl/Contador-de-visitas.htm">Estadisticas de la web</a><br />
<a href="http://www.xdp-web.es.tl/Afiliados.htm">Afiliados</a><br />
<a href="http://www.xdp-web.es.tl/Sugerencias.htm">Sugerencias</a><br />
<a href="http://www.xdp-web.es.tl/Libro-de-visitantes.htm">Libro de visitas</a><br />
<a href="http://xdp-web.es.tl/Noticias.htm ">Noticias</a></p>
</div></div><div class="box">
<div class="box_title">Artículos del Blog</div>
<div class="box_content"><ul>
<a href="http://xdp-web.blogspot.com/2010/02/web-20-la-nueva-moda.html">Web 2.0 "La nueva moda"</a><br />
<a href="http://xdp-web.blogspot.com/2010/02/foros-un-fenomeno-que-crece-cada-dia.html">Foros el fenomeno</a><br />
<a href="http://xdp-web.blogspot.com/2010/02/10-claves-para-hacer-popular-tu-web.html">Claves para hacer popular tu web</a><br />
<a href="http://xdp-web.blogspot.com/2010/03/photoshop-vs-gimp.html">Photoshop vs Gimp</a><br />
</ul>
</div></div></div></div>
<div class="clearer"></div>
</div></div>
<div id="footer"><div class="left">
<!-- Copyright -->
Tu Web© 2010
<!-- Fin Copyright -->
</div><div class="right">Design by
<a href="http://www.xdpdesigns">xdp</a> <a href=""></a>
</div>
<div class="clearer"></div>
</div></div></div></div></div>
CSS CODE SIN STYLE TAG
.box_content a{color: #ff0000;}
.box_content a:focus,a:hover{color: #088A08; text-decoration: underline}
#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("
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.3em;}
.box_title
{background: url("http://wimg.co.uk/uxJ.png") repeat center top;border-bottom: 1px solid #C6C9CB;color: #e0e0e0;
font: bold 1.3em sans-serif;padding: 5px 10px 5px;}
.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("") repeat-x;
padding-bottom: 16px;}
#layout_wrapper2 {background: url("") no-repeat center top;
padding-top: 10px;}
#layout_wrapper3 {background: #FFF;margin: 0 auto;width: 992px; }
#layout_wrapper4 {padding: 6px;}
#header_wrapper {height: 200px;}
#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: #ffffff url("http://wimg.co.uk/uxJ.png") repeat-x;
margin-bottom: 3px;padding-top: 1px;}
#navigation a {color:#ffffff;display:block;font-weight:bold;text-decoration: none;}
#navigation a:hover {color: #ffffff;}
#nav li {border-right: 1px solid #ffffff;}
#nav a {font-size: 1.0em;padding: 3px 6px;}
#nav a:hover {background: url("http://wimg.co.uk/hK9.jpg") repeat-x; }
#nav li.current_page_item a {background: #ffffff;color: #000000;}
#subnav {border-top: 1px solid #cdcdcd;background: url("http://wimg.co.uk/hK9.jpg") repeat-x; }
#subnav {color:#ffffff;display:block;font-weight:bold;text-decoration: none;}
#subnav li {border-right: 1px solid #ffffff;}
#subnav a {font-size: 1.0em;padding: 4px 7px;}
#subnav a:hover {background: url("http://wimg.co.uk/uxJ.png") repeat-x; }
#main_wrapper {background: url("http://wimg.co.uk/nfg.png") repeat-y;
border-bottom: 1px solid #C3C4C1;margin-bottom: 3px;}
#main {background: url("http://wimg.co.uk/nfg.png") 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("http://wimg.co.uk/uq6.png
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: #ffffff;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: #ffffff;text-decoration: none;}
#dashboard li a:hover {color: #d9d9d9;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%;}