Plantilla1
ENCIMA DE LA 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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
</br>
</br>
<div id="header2">
</br>
</br>
<ul>
<li><a class="link" href="LINK">LINK</a></li>
<li><a class="link" href="LINK">LINK</a></li>
<li><a class="link" href="LINK">LINK</a></li>
<li><a class="link" href="LINK">LINK</a></li>
<li><a class="link" href="LINK">LINK</a></li>
<li><a id="last" href="LINK">LINK</a></li>
</ul>
</div>
CONTENIDO COPYRIGHT:
<div class="clear"></div>
<div id="footer">
<p>© Adaptado por Dutch (Imageloads). | designed by <a href="http://www.freewebsitetemplates.com">free website templates</a></p>
</div>
</div>
</div>
</body>
</html>
CSS CODE SIN STYLE TAGS:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#nav_container{display: none;}
#pre_header{display: none;}
#header{display:none;}
body {
background: #020104 url(http://pixelea.com/s/2555ac2755.gif) repeat-x;
color: #7F7F7F;
font-family: tahoma, arial;
font-size: 10px;
margin: 0px;
padding: 0px;
text-align: center;
}
* {margin:0px;padding:0px;}
#header ul{
margin: 20px 25px 25px 20px;
padding:0px;
display:block;
color:#c5b16b;
width:auto;
width: 110px;
position:absolute;
background-color:#FF0000;
}
#header li{
background-color:#cebc7d;
width: 136px;
text-align:left;
padding: 0px 0px 1px 10px;
list-style-type: none;
}
.link,#last {
font-size: 14px;
font-weight:900;
text-decoration: none;
padding:0px;
margin:0px;
text-transform: uppercase;
width: 120px;
display:block;
color: #7a6b3e;
font-size: 14px;
font-weight: bold;
position:relative;
text-align:center;
}
.link:hover, #last:hover{
color:#4c5b38;
}
.link {border-bottom: 1px dashed #9c8f5e;}
#last {border-bottom: 0px none #9c8f5e;}
#navtop{
background-image:url(http://pixelea.com/s/f3d6fd003c.gif);
background-repeat: no-repeat;
display:block;
width:146px;
height:20px;
}
#navbottom{
background-image:url(http://pixelea.com/s/52ca781fe0.gif);
display:block;
width:146px;
height:19px;
background-repeat: no-repeat;
background-position: left bottom;
}
p a:link {
color: #7a6b3e;
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}
p a:visited {
color: #7a6b3e;
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}
p a:hover, a:active {
color: #7a6b3e;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
p{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
color: #5e573b;
}
#container {
margin: 0px auto;
text-align: left;
width: 785px;
display:block;
position:relative;
}
#header2 {
width: 785px;
height: 351px;
margin:0px;
display:block;
background-image: url(http://pixelea.com/s/9bd3d1876f.jpg);
background-repeat: no-repeat;
position:relative;
}
#content {
background: url(http://pixelea.com/s/251d16c925.gif) repeat-y;
width: 785px;
}
h3{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
font-variant: normal;
text-transform: uppercase;
color: #4c5b38;
text-decoration: none;
margin-bottom:21px;
}
#left {
position:relative;
margin-left:5px;
float:left;
padding: 10px 10px 10px 20px;
display:inline;
background: url(http://pixelea.com/s/5d9a3d1bc4.gif) repeat-x;
width: 250px;
}
#djset{
position:absolute;
bottom:0px;
right:0px;
}
#middle {
padding: 10px 10px 10px 20px;
position:relative;
float:left;
display:inline;
background: url(http://pixelea.com/s/814ffcf5f7.gif) repeat-x;
width: 200px;
}
#photos{
position:absolute;
bottom:0px;
left:0px;
border: 0px none #FFFFFF;
}
#right {
float:left;
display:inline;
background: url(http://pixelea.com/s/158ad16f8c.gif) repeat-x;
width: 265px;
}
#right p{
padding: 10px 10px 10px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
color:#e5d7a7;
}
#right p a{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
color:#e5d7a7;
}
#right img{
border: 0px none #FFFFFF;
}
.clear{clear:both;}
#footer {
margin-left:0px;
display:block;
background: url(http://pixelea.com/s/864949161f.png) repeat-x;
width: 785px;
height:72px;
}
#footer p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-variant: normal;
text-transform:none;
color: #f1e6c0;
text-decoration: none;
text-align:center;
padding-top:20px;
}