TOP
|
<!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=UTF-8" />
<title>Racing Club 02</title>
<link href="style.css" media="screen" rel="stylesheet"/>
</head>
<body>
<div id='wrapper'>
<!-- logo -->
<div style="text-align:center; margin-top:1px; margin-bottom:0px;"><img src="http://i36.tinypic.com/2pysrqa.png"/></div>
<!-- menu -->
<div id='menu'>
<ul>
<li><a href="#">INICIO</a></li>
<li><a href="#">LINK</a></li>
<li><a href="#">LINK</a></li>
<li><a href="#">LINK</a></li>
<li><a href="#">LINK</a></li>
<li><a href="#">LINK</a></li>
<li><a href="#">LINK</a></li>
</ul>
</div>
<!-- banner -->
<div id='banner'><img src="http://i33.tinypic.com/m8ebs0.png"/></div>
<!-- content -->
<div>
<div id='left'>
<!-- welcome -->
</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
|
BOTTOM
Código: |
<!-- footer -->
<div id='footer'>
© 2009 Racing Club. All Rights Reserved.
Design By:CRAZYMOTION.ES.TL <a style='text-decoration:none; color:#000000;' href="http://www.mytemplatebox.com"><b>MyTemplateBox</b></a>
</div>
</body>
</html>
|
CSS STYLE
Código: |
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;}
@charset "UTF-8";
/* CSS Document */
body {background:url(http://i33.tinypic.com/29cqj3d.jpg) top left repeat-x #000000;
color:#FFFFFF;
font-size:13px;
margin:0px;
padding:0px;
}
#wrapper{
width:960px;
margin:0px auto;
}
/* Menu */
#menu ul{
list-style:none;
padding:0px;
margin-top:17px;
margin-left:140px;
}
#menu ul li{
float:left;
margin-right:0px;
text-align:center;
}
#menu ul li a{
display:block;
background:url(http://i38.tinypic.com/2vi13rt.jpg) top left no-repeat;
width:98px;
height:31px;
text-decoration:none;
text-align:center;
color: #000000;
font-size:12px;
padding-top:5px;
cursor:pointer;
margin-bottom:2px;
}
/* Content */
#container {
width : 960px;
margin : 0 auto;
padding : 0;
color : #;
background : #000000 url(http://i33.tinypic.com/14iobjo.png) repeat-y top center ;
font : 75%;
}
#left{
float:left;
clear:none;
width:350px;
margin-top:0px;
}
.left-divider{
background:url(http://i35.tinypic.com/fmt9c9.jpg) top left no-repeat;
width:37px;
height:16px;
float:left;
clear:none;
}
.middle-divider{
background:url(http://i37.tinypic.com/34e8bch.jpg) top left repeat-x;
width:250px;
height:16px;
float:left;
clear:none;
}
.right-divider{
background:url(http://i35.tinypic.com/2wcjjmq.jpg) top left no-repeat;
width:37px;
height:16px;
float:left;
clear:none;
}
.more-btn{
text-align:right;
margin-top:0px;
margin-right:5px;
margin-bottom:15px;
}
.links ul{
list-style:square;
margin:0px;
padding:0px;
padding-left:15px;
}
.links ul li a{
color: #FFFFFF;
font-size:14px;
}
.links ul li a:hover{
color: #fe5c00;
}
#middle{
float:left;
clear:none;
width:350px;
margin-top:0px;
margin-left:25px;
}
#right{
float:left;
clear:none;
margin-top:0px;
}
#news-box{
width:200px;
height:300px;
background:#000000;
border:1px solid #fe5c00;
margin-left:25px;
margin-top:10px;
}
.news-divider{
background:url(http://i35.tinypic.com/21l0krc.jpg) top left no-repeat;
width:189px;
height:34px;
margin-left:5px;
margin-top:5px;
}
#footer{
background:url(http://i38.tinypic.com/oaopw4.jpg) top left repeat-x;
height:34px;
text-align:center;
color:#000000;
font-size:11px;
padding-top:8px;
margin-top:35px;
margin-bottom:0px;
padding-bottom:0px;
}
|
|
|