Model portfolio
Vista previa: http://img49.imageshack.us/img49/9451/modelportfolio.pngTexto por encima de la página:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Model Portfolio template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><span>M</span>ODEL PORTFOLIO</h1>
</div>
<div id="nav">
<ul>
<li class="first"><a href="http://www.free-css.com/"><em>M</em>Y BIO</a></li>
<li><a href="http://www.free-css.com/"><em>R</em>ESUME</a></li>
<li><a href="http://www.free-css.com/"><em>P</em>ORTFOLIO</a></li>
<li><a href="http://www.free-css.com/"><em>P</em>HOTOS</a></li>
<li><a href="http://www.free-css.com/"><em>C</em>ONTACTS</a></li>
</ul>
</div>
<div id="body">
<div id="content">
<div class="i">
Texto por debajo de la página:
</div>
</div>
</div>
<div id="copyright">Adaptado por Ayuda para pwg - www.foro-ayudaparapwg.es.tl</div>
</div>
<div id="footer"> </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;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
html, body, ul, li, h1, h2, h3, h4 {
margin: 0;
padding: 0;
list-style: none;
}
h1 img {
display: block;
}
img {
border: 0;
}
a {
color: #FEFF00;
text-decoration: underline;
}
a:hover {
}
.left {
float: left;
}
.right {
float: right;
}
.more {
text-align: right;
}
.clear {
clear: both;
}
body {
background: #800000 0px 135px url(http://img41.xooimage.com/files/5/0/a/grad-141d439.jpg) repeat-x;
font: 12px arial, sans-serif;
color: #F09361;
}
#wrapper {
background: url(images/modelportfolio_29.jpg);
}
#header {
background: 6px 0 url(http://img41.xooimage.com/files/8/8/e/header_bg-141d48d.gif) repeat-x;
}
h1 {
height: 95px;
color: #fff;
font-weight: normal;
font: 22px "harrow", "Lucida Grande", arial, sans-serif;
line-height: 95px;
text-indent: 23px;
width: 400px;
}
h1 span {
font-size: 30px;
}
#body {
background: top right url(http://img29.xooimage.com/files/c/1/f/body_bg-141d4ad.jpg) no-repeat;
}
#nav {
background: url(http://img43.xooimage.com/files/7/d/2/nav_bg-141d4d7.gif) repeat-x;
height: 40px;
font-size: 17px;
}
#nav em {
font-size: 22px;
font-style: normal;
}
#nav ul {
min-width: 780px;
padding: 0;
padding-top: 10px;
}
#nav li {
float: left;
background: 12px 6px url(http://img43.xooimage.com/files/5/9/2/bullet_nav-141d4e9.gif) no-repeat;
padding-left: 50px;
padding-right: 20px;
margin: 0;
}
#nav li.first {
background: none;
padding-left: 20px;
}
#nav a {
font-weight: normal;
color: #9A0000;
text-decoration: none;
}
#nav a:hover {
color: #500000;
}
#content {
background: #760202;
border: 1px solid #6A0101;
width: 426px;
margin: 48px 28px 8px 28px;
}
#content .i {
padding: 15px;
}
#content h2 {
font: 16px "times new roman", serif;
font-weight: normal;
color: #fff;
clear: both;
}
#content h2 strong {
color: #FEFF00;
font-weight: normal;
}
#content h2.h {
font-size: 12px;
}
.htop {
color: #FEFF00;
}
.hproject {
position: relative;
top: 0.5em;
left: -0.4em;
}
.hof {
position: relative;
top: -0.5em;
left: -1.5em;
color: #FEFF00;
}
.h2006 {
position: relative;
top: 0.1em;
left: -0.8em;
font-size: 22px;
}
#picbox-left {
margin: 1em 2em 1em 0;
background: #9A0303;
float: left;
width: 130px;
padding: 3px;
}
#picbox-left img {
display: block;
}
#gallery {
margin-top: 5px;
border: 1px solid #890202;
background: #6A0101;
padding: 5px;
margin-right: 15px;
}
#gallery img {
display: block;
}
#bigpic, #gallery .smallpic {
background: #9A0303;
padding: 4px;
}
#bigpic {
float: left;
}
#pica { margin: 0px 15px 15px 15px; }
#picb { margin: 0px 0px 15px 5px; }
#picc { margin: 0px 5px 5px 15px; }
#picd { margin: 0px 0px 5px 15px; }
.smallpic {
float: left;
}
#copyright {
text-indent: 270px;
padding-bottom: 14px;
}
#footer {
background: url(http://img47.xooimage.com/files/3/6/4/footer-141d50a.gif) repeat-x;
height: 46px;
}