Celebrere
<html>
<head>
<title>Design 15</title>
<style type='text/css'>
body {
font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
margin: 0px;
background-image: url(Celebrere-images/back.gif);
background-repeat: repeat-x;
background-color: #121212;
font-size: 13px;
color: #fff;
}
table {
font-size: 12px;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #f6cb22;
font-weight: bold;
margin: 0px;
padding: 0px;
text-transform: uppercase;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
color: #222;
font-weight: normal;
margin: 0px;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #fff;
font-weight: normal;
margin: 0px;
}
a {
color: #F6CB22;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: underline;
}
#container_big {
width: 818px;
padding: 0px;
margin: 0px;
}
#container {
float: left;
position: relative;
width: 818px;
text-align: left;
padding: 0px;
}
#header {
float: left;
position: relative;
width: 818px;
height: 139px;
text-align: left;
background-image: url(Celebrere-images/hd.gif);
background-repeat: no-repeat;
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
}
#logo a{font-size:33px ;color:#FFF; display:block; padding-top:20px;padding-left: 12px;}
#logo a:hover {color:#FF0000}
#slogan {font-size:11px;display:block; padding-left: 20px;}
#menu {
float: right;
position: absolute;
width: 880px;
font-size: 13px;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
overflow: hidden;
height: 35px;
text-align: center;
top: 82px;
left: 0px;
}
#menu a {
display: block;
float: left;
background: url(Celebrere-images/a_link.gif) no-repeat right;
position: relative;
text-align: center;
width: 165px;
height: 35px;
overflow: hidden;
line-height: 33px;
color: #fff;
}
#menu a:hover {
color: #000000;
text-decoration: none;
}
#pink {
float: left;
position: relative;
width: 603px;
height: 79px;
left: 0px;
background-image: url(Celebrere-images/pink.gif);
background-repeat: no-repeat;
color: #bdc1e4;
margin-top: 6px;
overflow: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#pink a {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
text-transform: uppercase;
color: white;
margin: 2px;
}
#search {
width: 369px;
height: 28px;
float: left;
position: absolute;
background: url(Celebrere-images/search_back.gif) no-repeat;
border: 0px;
left: 120px;
top: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #D22388;
padding-left: 3px;
line-height: 20px;
}
#go {
width: 80px;
height: 28px;
float: right;
position: absolute;
background: url(Celebrere-images/search.gif) no-repeat;
border: 0px;
right: 20px;
top: 30px;
}
#green {
float: left;
position: relative;
width: 603px;
left: 0px;
background-image: url(Celebrere-images/green_back.gif);
background-repeat: repeat-y;
color: #fff;
margin-top: 6px;
overflow: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.box {
float: left;
position: relative;
width: 235px;
margin-left: 10px;
}
#content {
float: left;
position: relative;
width: 818px;
text-align: left;
padding: 0px;
overflow: hidden;
background-color: #121212;
}
#right {
width: 310px;;
float: right;
position: relative;
right: 0px;
top: 0px;
color: #fff;
font-size: 12px;
border-left: solid 2px #463906;
}
#main {
float: left;
position: relative;
width: 500px;
left: 4px;
}
#footer {
float: left;
position: relative;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 818px;
background-image: url(Celebrere-images/footer.gif);
background-repeat: no-repeat;
vertical-align: middle;
text-align: center;
color: #eaeaea;
padding-top: 5px;
height: 20px;
border-top: solid 2px #463906;
}
#footer a {
color: #F6CB22;
margin-left: 5px;
margin-right: 5px;
}
#footer a:hover {
color: #fff;
text-decoration: none;
}
input, textarea, button {
background-color: #fff;
color: #94C00D;
border: solid 2px #94C00D;
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
height: 20px;
margin-top: 4px;
}
.btn {
border: 0px;
margin-top: 4px;
margin-bottom: 0px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 20px;
position: absolute;
}
ul {
list-style-type: square;
}
#ttitle {
background-color: #900000;
color: #FFFFFF;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
</style>
<meta name="description" content="">
<meta name="keywords" content="keywords">
</head>
<body>
<div align="center">
<div id="container_big">
<div id="container">
<div id="header">
<div id="logo">
<a href="#" title="Homepage »">Celebrere</a></div>
<div id="slogan">.celebrity news .celebrity photos</div>
<div id="menu">
<a href="#">HOME</a>
<a href="#">NEWS</a>
<a href="#">PHOTOS</a>
<a href="#">VIDEOS</a>
<a href="#">CONTACT US</a>
</div>
</div>
<!-- content begin -->
<div id="content">
<div id="right">
<div style="margin-left: 8px;">
<img src="Celebrere-images/i1.jpg" vspace="3"><br />
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.<br>
<img src="Celebrere-images/i2.jpg" vspace="4">
</div>
</div>
<div id="main">
<h1>Free CSS Templates</h1>
This is Celebrere, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>.
This free template is released under a Creative Commons Attributions 2.5 license, so youre pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :)
<br>
<br clear="all">
<h1>Content Item Title</h1>
This is Celebrere, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>.
This free template is released under a Creative Commons Attributions 2.5 license, so youre pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :)
<br>
<br clear="all">
<h1>Content Item Title</h1>
This is Celebrere, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>.
This free template is released under a Creative Commons Attributions 2.5 license, so youre pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :)
<br>
<br clear="all">
</div>
<br clear="all">
</div>
</div>
<!-- content end -->
<div id="footer">
© 2007 <a href="#"><strong>Celebrere.com</strong></a>
<br/> <a href="http://www.templatesold.com/" target="_blank">Website Templates</a> by <a href="http://www.free-css-templates.com/" target="_blank">Free CSS Templates</a>
</div>
</div>
</div>
</div>
</div>
</body></html>
Related examples in the same category