Codigo pagina
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<head>
<title>¡Titulo!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
@import url( style.css );
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href=" http://pazyesperanza.es.tl/Home.htm "><img src=" https://img.webme.com/pic/p/pazyesperanza/logpye.jpg"></a> </h1> </div>
<div id="sidebar">
<h3>Inicio</h3>
<ul>
<li><a href=" http://pazyesperanza.es.tl/Home.htm"><h3>Inicio </h3></a></li>
<li><a href=" http://pazyesperanza.es.tl/Contacto.htm "><h3>Contactos </h3></a></li>
</ul>
<h3>Consejos</h3>
<ul>
<li><a href=" http://pazyesperanza.es.tl/Vida-espiritual.htm"><h3>Decisiones espirituales</h3></a></li>
<li><a href="http://pazyesperanza.es.tl/Vida-familiar.htm "><h3>Decisiones de familia</h3></a></li>
<li><a href=" http://pazyesperanza.es.tl/Consejos-personales.htm "><h3>Decisiones personales</h3> </a></li>
<li><a href=" http://pazyesperanza.es.tl/Mensajes-para-jovenes.htm"><h3>Temas para jovenes</h3></a></li>
</ul>
<h3> Meditaciones</h3>
<ul>
<li><a href="http://pazyesperanza.es.tl/Testimonios.htm "><h3>Testimonios</h3></a></li>
<li><a href=" http://pazyesperanza.es.tl/Videos-espirituales.htm "><h3>Video-meditaciones </h3></a></li>
<li><a href="http://pazyesperanza.es.tl/Estudios-biblicos.htm "><h3>Estudios bíblicos</h3></a></li>
<li><a href=" http://pazyesperanza.es.tl/Reflexiones.htm "><h3>Reflexiones</h3></a></li>
</ul>
<h3> Más</h3>
<ul>
<li><a href=" http://pazyesperanza.es.tl/Historia-biblicas.htm"><h3>Historias biblicas</h3></a></li>
<li><a href=" http://pazyesperanza.es.tl/Temas-biblicos.htm"><h3>Gemas bíblicas</h3></a></li>
</ul>
<h3>Enlaces</h3>
<a href="http://denepaz.es.tl/ "><img src=" https://img.webme.com/pic/p/pazyesperanza/lodentig.jpg "></a>
<a href=" http://mensajerofiel.es.tl/"><img src=" https://img.webme.com/pic/c/cristianosencolombia/menfiel.jpg"></a>
<a href=" http://fielalaverdad.es.tl/"><img src="https://img.webme.com/pic/c/cristianosencolombia/logofielverd.jpg "></a>
<a href=" http://aclaracioneswhite.es.tl/"><img src=" https://img.webme.com/pic/c/cristianosencolombia/aclarwhit.jpg "></a>
<a href=" http://cristianosencolombia.es.tl/Pagina-Inicio.htm "><img src=" https://img.webme.com/pic/f/fielalaverdad/cristlogopeq.jpg "></a>
</ul>
</div>
<div id="body">
<div class="entry">
<h3>Pazyesperanza.es.tl </h3>
debajo de pagina:
</div>
</div>
<div id="footer">
<div id="footer-nav">Visita: <a href=" http://denepaz.es.tl/">denepaz</a> <a href="http://fielalaverdad.es.tl/ ">Fielalaverdad</a> <a href=" http://aclaracioneswhite.es.tl/ ">AclaracionesWhite</a> <a href="http://mensajerofiel.es.tl/ ">Mensajerofiel</a></div>
<div id="copyright"> © Copyright 2010 <a href="http://pazyesperanza.es.tl/Home.htm ">Pazyesperanza</a><br />
Adapted By <a href="http://cloban.es.tl/">~~CLOBAN~~</a></div>
</div>
</div>
</body>
</html>
css style
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;}
/* Main Stylings */
* {
margin:0;
padding:0;
}
body {
font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size:12px;
color:#E1ACE1
background:url(http://img43.xooimage.com/files/1/0/c/bg-body-1e2ecf5.png) repeat-x #E1ACE1;
}
p {
margin-bottom:20px;
}
img {
border:0;
}
a {
text-decoration:none;
color:#88CBD2;
}
a:hover {
color:#666666;
}
/* Structure */
#wrapper {
width:700px;
padding:0 15px;
margin:0 auto;
background:url(http://img43.xooimage.com/files/4/7/e/bg-wrapper-1e2ece8.png) repeat-y #ffffff;
}
#header {
height:140px;
border-bottom:10px solid #4d4d4d;
background:url(http://img41.xooimage.com/files/7/f/1/bg-header-1e2ecf3.jpg) no-repeat;
line-height:140px;
padding-left:20px;
}
#sidebar {
width:190px;
float:left;
padding:5px;
min-height:400px;
background-color:#ececec;
}
#body {
width:485px;
min-height:400px;
float:right;
padding:5px;
}
#footer {
clear:both;
padding:15px 20px;
}
/* Sidebar */
#sidebar ul {
list-style-type:none;
margin-bottom:15px;
background-color:#ffffff;
padding:5px;
}
#sidebar li {
background:url(http://img8.xooimage.com/files/0/d/a/page_white_text-2db74b.png) no-repeat;
background-position:0px 0;
height:20px;
padding-left:22px;
padding-top:1px;
}
#sidebar img {
padding:5px;
border:1px solid #dddddd;
}
#sidebar a {
font-weight:normal;
}
/* Headings */
h1 a {
font-size:20px;
font-weight:normal;
letter-spacing:-1px;
}
h2 {
font-size:14px;
font-weight:normal;
background-color:#4d4d4d;
color:#ffffff;
padding:2px 5px;
}
h3 a {
font-size:28px;
letter-spacing:-1px;
font-weight:normal;
color:#88CBD2;
}
/* Entries */
.entry {
margin-bottom:30px;
}
.entrybody {
line-height:20px;
text-align:justify;
padding:5px 0;
}
.entrymeta {
border-top:1px dotted #999999;
padding:5px 0;
}
.date {
float:right;
font-size:20px;
letter-spacing:-1px;
color:#ccc;
}
/* Footer */
#footer-nav {
text-align:left;
}
#footer-nav a {
margin-right:20px;
}
#copyright {
text-align:center;
margin-top:20px;
}
/* Extras */
.download {
padding-top:5px;
}
.download ul {
list-style-type:none;
}
.download li a {
height:24px;
width:90px;
line-height:24px;
display:block;
float:left;
text-align:center;
margin-right:5px;
border:1px solid #dddddd;
background-color:#efefef;
}
.preview {
background: none no-repeat;
background-position:top left;
}