sports_cafe : Sport « Templates « HTML / CSS






sports_cafe

  

<!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">
<head>
<title>Sports Cafss template - Svein Erik Storkaas, CssTemplatesWeb | 2008</title>
<style type='text/css'>
/* Css document by Svein Erik Storkaas - CssTemplatesWeb.com | 2008 */


* {margin: 0;
padding: 0;}

html {font-size:100.01%;} 

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
background-image: url(sports_cafe-images/body_bg.gif);
background-attachment: fixed;
}
/******************************************** BEGIN structure *******************************************************/


#container {
width: 841px;
margin: 0px auto;
background-image: url(sports_cafe-images/container_bg.jpg);
background-repeat: repeat-y;
font-size:.9em;
}

#header {
background-image: url(sports_cafe-images/header.jpg);
height: 130px;
}
#headertext1
{
  width:170px;
  font-size:20px;
  font-family:Tahoma;
  color:#ffffff;
  padding:25px 0px 0px 65px;

}
#headertext2
{
  width:170px;
  font-size:30px;
  font-family:Tahoma;
  color:#228802;
  padding:12px 0px 0px 62px;
  float:left;
}

#left {
width: 200px;
float: left;
background-image: url(sports_cafe-images/left_bg.jpg);
background-repeat: no-repeat;
margin-left: 40px!important;
margin-left: 20px;
padding-top: 114px;
}

#right {width: 200px;
float: right;}

#content {
margin-right: 60px;
margin-left: 270px;
}

#footer {
clear: both;
background-image: url(sports_cafe-images/footer.jpg);
height: 229px;
}



/*********************************************** END Structure **********************************************/




/********************************************** BEGIN Nnavigation *********************************************/

#navcontainer  
{
margin-left: 0px;
margin-top: 0px;
margin-bottom: 10px; 
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
padding: 5px 10px;
width: 175px;
color: #000;
background-color: #ADC1AD;
text-decoration: none;
border-top: 1px solid #fff;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
font-weight: bold;
font-size: 0.8em;
background-image: url(sports_cafe-images/vertical06.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}

#navcontainer a:hover
{
color: #000;
background-color: #889E88;
text-decoration: none;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
background-image: url(sports_cafe-images/vertical06a.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}

#navcontainer ul ul li { margin: 0; }

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 160px;
color: #000;
text-decoration: none;
font-weight: normal;
}

#navcontainer ul ul a:hover
{
color: #000;
background-color: #889E88;
text-decoration: none;
}

/********************************************** END Nnavigation *********************************************/




/********************************************** TEXT formatting start *********************************************/

#rightheaderbox {
font-size: 1.2em;
text-align: right;
padding-top: 20px;
margin-right: 50px;
float:right;
}

h2 {
font-size: .8em;
clear: right;
margin-top: 12px;
margin-bottom: 17px;
background-image: url(sports_cafe-images/h2_bg.jpg);
background-repeat: no-repeat;
height: 21px;
padding-top: 15px;
padding-left: 35px;
}

h3 {
font-size: .9em;
}

.pubdate {
font-size: 0.8em;
color: #FFFFFF;
}





/********************************************** TEXT formatting end *********************************************/




/********************************************** MISC start *********************************************/



.footertext {
text-align: right;
padding-top: 210px;
font-size: 70%;
padding-right: 10px;
}

.newsimages {
float: right;
margin-left: 4px;
margin-bottom: 2px;
}



a:link {color: #1e7a02}
a:visited {color: #1e7a02}
a:hover {color: #59ad3f}
a:active {color: #1e7a02}

ul.linkList 
{
margin-left: 40px;
list-style-image: url(sports_cafe-images/list_bullet.png)
}

/********************************************** MISC end *********************************************/

</style>


<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
</head>
  
  
<body>

<div id="container">

<div id="header"><div id="headertext1">Welcome to the</div><div id="rightheaderbox">Serving sports fans</div><div id="headertext2">Sports Cafdiv></div>
        
<div id="left">
<div id="navcontainer">

<ul id="navlist">

<li id="active"><a href="index.htm" id="current">Home</a></li>
<li><a href="index.htm">News</a></li>
<li><a href="index.htm">Calendar</a></li>
<li><a href="index.htm">Game schedules</a></li>
<li><a href="index.htm">Live tonight</a></li>
<li><a href="index.htm">Results</a></li>
</ul>

</div>
</div>    
        
<div id="content">
    <h2>Big match ahead &nbsp;<span class="pubdate">3/8/2008</span></h2>
    <img src="sports_cafe-images/article1.jpg" alt="CssTemplatesWeb.com" class="newsimages" /><p>You can get the full version, including the psd file at <a href="http://www.csstemplatesweb.com" title="Csstemplatesweb.com">CssTemplatesWeb.com</a>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed pede nibh, blandit facilisis, tristique vel, porta a, mi. Nulla velit magna, tristique eu, pretium ut, pulvinar tempor, nibh. Suspendisse risus leo, mollis in, vulputate pulvinar, iaculis vitae, enim. Vivamus gravida pede a ante. Etiam sit amet nisl ut mauris dapibus varius. Aliquam eget mauris. Aliquam varius ante ac ligula. Duis eu enim sit amet dolor gravida aliquam. Nulla et arcu. Vivamus vel nulla. Fusce eget eros eu elit volutpat cursus. Phasellus urna. Vestibulum mauris. Aliquam cursus dui a purus. Quisque congue. Morbi adipiscing sem sit amet quam. Nam quam turpis, ullamcorper eget, sollicitudin non, imperdiet ac, nibh.</p>
        <h2>Lorem Lipsum &nbsp;<span class="pubdate">3/4/2008</span></h2>
        <img src="sports_cafe-images/article2.jpg" alt="CssTemplatesWeb.com" class="newsimages" /><p>Curabitur eu velit sit amet magna aliquam vehicula. Donec id metus. Vestibulum urna sapien, auctor at, porta quis, sodales sit amet, enim. Maecenas consequat libero ac purus. Etiam ac odio. Integer tincidunt, ipsum sit amet tincidunt consequat, purus diam porta dui, nec dictum risus turpis eget mi. Proin mollis ullamcorper turpis. Phasellus auctor lorem id quam. Nullam magna. Proin porta nunc a libero. In sodales pulvinar leo. Quisque scelerisque, justo et dictum consectetuer, turpis tellus volutpat purus, sit amet laoreet neque metus eget ligula. Vestibulum eleifend nibh in quam laoreet auctor. Cras eleifend odio sed augue.</p>
</div>

<div id="footer"><p class="footertext">Svein Erik Storkaas - Copyright <a href="http://www.csstemplatesweb.com">CssTemplatesWeb</a> | 2008</p></div>

</div>
</body>
</html>

   
    
  








Related examples in the same category

1.football-card
2.basketball
3.golf
4.sport-zone
5.sportscars
6.sports_templates
7.sports_turf
8.soccer01
9.winter-olympics
10.yoga