Call of duty
Por Arriba 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" /><title>template</title>
</head>
<body>
<div id="container">
<div id="header">
<ul>
<li><a href="http://www.freewebsitetemplates.com">Team - Ayuda Pwg</a></li>
<li><a href="http://www.freewebsitetemplates.com">Link</a></li>
<li><a href="http://www.freewebsitetemplates.com">Link</a></li>
<li><a href="http://www.freewebsitetemplates.com">Link</a></li>
<li><a href="http://www.freewebsitetemplates.com">Link</a></li>
<li><a href="http://www.freewebsitetemplates.com">Link</a></li>
<li class="last"><a href="http://www.freewebsitetemplates.com">Link</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<div class="menu">
<div class="menuheader">
<h3>Menu</h3>
</div>
<div class="menucontent">
<ul>
<li><a href="http://www.freewebsitetemplates.com">Team-AyudaPwg</a></li>
<li><a href="http://www.freewebsitetemplates.com">Link</a></li>
<li><a href="http://www.freewebsitetemplates.com">Link</a></li>
<li><a href="http://www.freewebsitetemplates.com">Link</a></li>
<li><a href="http://www.freewebsitetemplates.com">Link</a></li>
<li><a href="http://www.freewebsitetemplates.com">Link</a></li>
<li><a href="http://www.freewebsitetemplates.com">Link</a></li>
<li><a href="http://www.freewebsitetemplates.com">Link</a></li>
<li><a href="http://www.freewebsitetemplates.com">Your
Account</a></li>
</ul>
</div>
<div class="menufooter"></div>
</div>
<div class="menu">
<div class="menuheader">
<h3>Menu</h3>
</div>
<div class="menucontent">
<p>If you're looking for beautiful and professionally made
templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>
<p>If you're looking for beautiful and professionally made
templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>
<p>If you're looking for beautiful and professionally made
templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>
</div>
<div class="menufooter"></div>
</div>
</div>
<div id="right">
<div class="menu">
<div class="menuheader">
<h3>Team</h3>
</div>
<div class="menucontent">
<div class="member"> <a href="http://www.freewebsitetemplates.com"><img src="images/member1.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com">Member 1</a></span>
</div>
<div class="member"> <a href="http://www.freewebsitetemplates.com"><img src="images/member2.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com">Member 2</a></span>
</div>
<div class="member"> <a href="http://www.freewebsitetemplates.com"><img src="images/member3.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com">Member 3</a></span>
</div>
<div class="member"> <a href="http://www.freewebsitetemplates.com"><img src="images/member4.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com">Member 4</a></span>
</div>
<div class="member"> <a href="http://www.freewebsitetemplates.com"><img src="images/member5.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com">Member 5</a></span>
</div>
<div class="member"> <a href="http://www.freewebsitetemplates.com"><img src="images/member6.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com">Member 6</a></span>
</div>
<div class="member"> <a href="http://www.freewebsitetemplates.com"><img src="images/member7.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com">Member 7</a></span>
</div>
<div class="member"> <a href="http://www.freewebsitetemplates.com"><img src="images/member8.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com">Member 8</a></span>
</div>
<div class="clear"></div>
</div>
<div class="menufooter"></div>
</div>
</div>
<div id="middle">
<div class="post">
<div class="postheader">
<h1>Post title</h1>
</div>
Css- Desing :
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;}
body {
background-image:url(http://img40.xooimage.com/files/9/9/9/background-5cdc04.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
background-repeat: repeat-x;
background-color: #000000;
}
* {margin: 0px;padding: 0px;}
p {
padding: 10px 10px 10px 20px;
display:block;
color:#525757;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold
}
a {
color:#6b7272;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
#container {
margin: 0px auto;
text-align: left;
width: 860px;
}
#header{
height:304px;
width:777px;
background-image:url(http://img40.xooimage.com/files/c/4/7/header-5cdc1a.jpg);
background-repeat: no-repeat;
}
#content{
}
#left{
width:192px;
float:left;
}
#middle{
margin-left:206px;
margin-right:196px;
width:450px;
}
#right{
width:192px;
float:right;
}
/********************* menu ****************************/
.menuheader{
width:192px;
height:37px;
background-image:url(http://img40.xooimage.com/files/2/f/c/menutop-5cdc2c.gif);
display:block;
}
.menucontent{
width:192px;
background-image:url(http://img44.xooimage.com/files/6/c/2/menumiddle-5cdc26.gif);
padding-top:10px;
background-repeat: repeat-y;
}.menuheader h3{
padding: 10px 0px 0px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
.menufooter{
width:192px;
height:15px;
background-image:url(http://img48.xooimage.com/files/e/a/3/menubottom-5cdc21.gif);
display:block;
}
.postheader,.menuheader{
color:#CCCCCC;
text-transform: uppercase;
}
/********************* post ****************************/
.post{
margin-bottom:15px;
}
.postheader{
background-image:url(http://img42.xooimage.com/files/7/8/3/posttop-5cdc4a.gif);
display:block;
width:450px;
height:33px;
}
.postheader h1{
padding: 7px 0px 0px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
.postcontent{
background-image:url(http://img48.xooimage.com/files/4/9/b/postmiddle-5cdc3e.gif);
background-repeat: repeat-y;
padding: 20px 0px;
}
.postfooter{
background-image:url(http://img42.xooimage.com/files/7/a/0/postbottom-5cdc38.gif);
background-repeat: no-repeat;
display:block;
width:450px;
height:15px;
}
/********************* header ****************************/
#header{
position:relative;
}
#header ul{
position:absolute;
top:250px;
display:block;
left:190px;
}
#header ul li{
display:inline;
text-align:center;
margin:auto;
width:auto;
border-right: 1px solid #6b7272;
}
.last{
border-right: 0px none #6b7272 !important;
}
#header ul li a{
display:inline;
text-align:center;
text-decoration:none;
padding: 0px 10px;
text-transform: uppercase;
}
#header ul li a:hover{
text-decoration:underline;
}
/********************* footer ****************************/
#footer{
width:850px;
}
#footer ul{
display:block;
margin-left:190px;
}
#footer ul li{
display:inline;
text-align:center;
margin:auto;
width:auto;
border-right: 1px solid #6b7272;
}
#footer ul li a{
display:inline;
text-align:center;
text-decoration:none;
padding: 0px 10px;
text-transform: uppercase;
}
#footer ul li a:hover{
text-decoration:underline;
}
#footer span{
color:#525757;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align:center;
width:850px;
display:block;
padding: 15px 0px;
}
/********************* menu members ****************************/
.menu ul{
list-style-position: inside;
list-style-type: disc;
padding: 0px 0px 0px 20px;
color:#666666;
}
.menu ul li{
padding-top: 5px;
color:#666666;
}
.menu ul li a{
text-decoration:none;
padding: 0px;
text-transform: uppercase;
}
.menu ul li a:hover{
text-decoration:underline;
text-transform: uppercase;
}
.member{
display:inline;
float:left;
margin-left:10px;
}
.member span{
display:block;
text-align:center;
padding: 2px 0px 13px 0px;
text-transform: uppercase;
}
.member img{
width:75px;
height:70px;
border: solid 2px #999999;
}
.clear{
clear:both;
}