Plantilla5
ENCIMA DE LA PAGINA:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="description"/>
<meta name="keywords" content="keywords"/>
<meta name="author" content="author"/>
<link rel="stylesheet" type="text/css" href="default.css"/>
<title>Gemstone</title>
</head>
<body>
<div class="top"><h1>TU PAGINA <span>TU SLOGAN AQUI</span></h1></div>
<div class="header2">
<div class="menu">
<ul>
<li><div><a href="index.html" id="current">News</a></div></li>
<li><div><a href="index.html">News Archive</a></div></li>
<li><div><a href="index.html">Editorials</a></div></li>
<li><div><a href="index.html">Links</a></div></li>
</ul>
<ul>
<li><div><a href="index.html">Profiles</a></div></li>
<li><div><a href="index.html">Columns</a></div></li>
<li><div><a href="index.html">Hosted Sites</a></div></li>
<li><div><a href="index.html">Forum</a></div></li>
</ul>
<ul>
<li><div><a href="index.html">About</a></div></li>
<li><div><a href="index.html">Guidelines</a></div></li>
<li><div><a href="index.html">RSS Feeds</a></div></li>
<li><div><a href="index.html">Buttons</a></div></li>
</ul>
</div>
</div>
<div class="content_left">
<div class="date">AQUI EL DIA O UN TEXTO</div>
<div class="body">
DEBAJO DE LA PAGINA:
<div class="clearer"> <span></span></div>
</div>
</div>
<div class="content_right">
<div class="links">
<div class="title">Latest League Results</div>
<a href="#">Hungary - N.America 2-3</a>
<div class="line"><span></span></div>
<a href="#">Sweden - Netherlands 3-2</a>
<div class="line"><span></span></div>
<a href="#">UK - Poland 0-5</a>
<div class="line"><span></span></div>
<a href="#">Germany - Belgium 5-0</a>
<div class="line"><span></span></div>
<a href="#">Russia - Portugal 5-0</a>
<div class="line"><span></span></div>
<a href="#"><b>» more</b></a>
<div class="title">Latest 5 QW Demos</div>
<a href="#">Disconnect vs. Badname</a>
<div class="line"><span></span></div>
<a href="#">Bewi vs. goldenboy</a>
<div class="line"><span></span></div>
<a href="#">Xalibur vs. Hawkkii</a>
<div class="line"><span></span></div>
<a href="#">Me vs. you</a>
<div class="line"><span></span></div>
<a href="#">you vs. me</a>
<div class="line"><span></span></div>
<a href="#"><b>» more</b></a>
<div class="title">Statistics</div>
<a href="#">Hits Today: 1632</a>
<div class="line"><span></span></div>
<a href="#">Hits Alltime: 369843</a>
<div class="line"><span></span></div>
<a href="#">Users: 1991</a>
<div class="line"><span></span></div>
<a href="#">Online: 16</a>
<div class="line"><span></span></div>
<a href="#"><b>» more</b></a>
<div class="line"><span></span></div>
</div>
</div>
<div class="footer">
<div class="copyright">© 2009 <a href="index.html">Website</a>. Adaptado por <a href="http://tuweb.es.tl">Dutch</a></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;}
/*#############################################################
Name: Gemstone
Date: 2006-05-30
Author: Viktor Persson
URL: http://arcsin.se
Feel free to use and modify but please provide credits.
#############################################################*/
/* Standard element */
* {
margin: 0;
padding: 0;
}
body {
background: #999 url(http://pixelea.com/s/0ed23f63cf.gif) repeat-y;
font-family: Tahoma,sans-serif;
font-size: 0.8em;
padding-left: 25px;
}
p {
margin-bottom: 1.2em;
}
ul {
margin: 0 0 10px 22px;
}
li {
list-style-image: url(http://pixelea.com/s/b307f7ca70.gif);
}
/* Misc */
.clearer {
clear: both;
}
div.quote {
border-left: 4px solid #36C;
clear: both;
color: #555;
display: block;
font: italic 1.1em Verdana,serif;
margin: 12px 0 12px 16px;
padding-left: 12px;
}
/* Top & Header */
.top {
background: url(http://pixelea.com/s/496bdfc120.gif);
color: #FFF;
height: 45px;
width: 939px;
}
.top h1 {
font: bold 2em sans-serif;
padding: 8px 16px 0;
}
.top h1 span {
font: normal 60% Verdana,sans-serif;
}
.header2 {
background: url(http://pixelea.com/s/84ff7ba1cc.gif);
height: 101px;
width: 939px;
}
/* Menu */
div.menu ul {
float: left;
margin: 0 1px 0 0;
}
div.menu li {
list-style-image: none;
}
div.menu a {
background: #4B4B4B;
color: #DDD;
display: block;
font-family: sans-serif;
font-size: 85%;
padding: 5px 0 5px 8px;
text-decoration: none;
width: 180px;
}
div.menu a#current {
background: #666; color: #FFF;
}
div.menu a:hover {
background: #555; color: #FFF;
}
div.menu li {
list-style-type: none;
margin: 0 0 1px 0;
padding: 0;
}
/* Left side */
div.content_left {
margin: 1px;
width: 593px;
}
div.date {
background: #0070CD url(http://pixelea.com/s/342fe7ce92.gif) repeat-x;
color: #FFF;
font-weight: bold;
padding: 10px;
}
div.newsitem {
background: #F0F0F0 url(http://pixelea.com/s/58c7cd681b.png) repeat-x;
border: 1px solid #EEE;
border-color: #EEE #EEE #DDD #EEE;
clear: both;
color: #333;
line-height: 1.5;
margin: 6px;
padding: 10px;
}
div.newsitem img {
border: 3px double #CCC;
height: 120px;
margin: 6px 10px 10px 10px;
width: 120px;
}
div.newsitem img.left {
float: left;
}
div.newsitem img.right {
float: right;
}
div.newsitem .title {
color: #0066CC;
font: bold 1.2em Tahoma,sans-serif;
padding: 3px 4px;
}
div.newsitem .body {
font-family: "Trebuchet MS",Tahoma,sans-serif;
font-size: 0.9em;
text-align: justify;
}
/* Right side */
div.content_right {
width: 331px;
position: absolute;
top: 116px;
left: 620px;
}
div.links a {
background: url(http://pixelea.com/s/49fbdfcbda.gif) repeat-x #FFF;
display: block;
font: bold 0.8em Verdana,Tahoma,sans-serif;
padding: 6px 0 8px 8px;
text-decoration: none; color: #333;
}
div.links a:hover {
color: #0080DD; background-position: left bottom;
}
div.links div.line {
height: 1px; background-color: #EEEEF5;
}
div.links .title {
background: #333 url(http://pixelea.com/s/e0de8b584c.gif) repeat-x;
color: #FFF;
font: normal 85% Tahoma,sans-serif;
padding: 5px 8px;
}
/* Footer */
div.footer {
background: #F0F0F0 url(http://pixelea.com/s/7a3b093fad.gif) repeat-x;
border: 1px solid #EEE;
color: #FFF;
margin-left: 6px;
width: 581px;
}
div.footer .copyright {
padding: 6px 12px;
}
div.footer a {
color: #FFF;
font: bold 1em "Trebuchet MS",sans-serif;
text-decoration: none;
}
