leavesv1
<!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" xml:lang="en" lang="en">
<head>
<title>Leaves v.1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
/* CSS Document */
body {
background-color:#DFF3D7;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:0.74em;
color:#333333;
line-height:20px;
cursor:default;
margin:0;
background-image: url("leavesv1-images/backgrounds/main.jpg");
background-position:center;
background-repeat:repeat-y;
}
#container {
width:700px;
padding:10px;
background-color:#FFFFFF;
margin:0 auto 0 auto;
}
#header {
width:700px;
background-color:#3F4A3E;
height:258px;
color:#FFFFFF;
font-family:"Trebuchet MS", Arial, Verdana;
font-size:150%;
font-weight:bold;
line-height:20px;
}
#header p {
padding:5px;
margin:0;
margin-left:340px;
margin-right:10px;
text-indent:5px;
}
#header h1 {
color:#FFFFFF;
font-family:"Trebuchet MS", Arial, Verdana;
font-size:300%;
font-weight:bold;
padding:0;
padding-top:75px;
padding-left:340px;
padding-bottom:25px;
margin:0;
border-bottom:2px solid #ffffff;
background-image:none;
}
#main_menu {
width:700px;
padding-top:5px;
padding-bottom:5px;
background-color:#CCCCCC;
text-align:right;
color:#FFFFFF;
background-image: url("leavesv1-images/backgrounds/menubg.jpg");
margin-bottom:10px;
}
#main_menu a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:60%;
font-weight:bold;
text-transform:uppercase;
color:#FFFFFF;
text-decoration:none;
padding-left:5px;
padding-right:5px;
padding-top:12px !important;
padding-top:13px;
padding-bottom:11px;
margin-left:1px !important;
margin-left:1px;
}
#main_menu a:hover {
background-color:#3F4A3E;
background-image: url("leavesv1-images/backgrounds/link.jpg");
}
#main_menu .aactive {
background-color:#3F4A3E;
background-image: url("leavesv1-images/backgrounds/link.jpg");
}
.leaves {
border-right:2px solid #ffffff;
float:left;
}
#sidebar {
width:150px;
border:1px solid #cccccc;
padding:5px;
float:left;
clear:left;
background-image: url("leavesv1-images/backgrounds/article.jpg");
background-position:bottom right;
background-repeat:repeat-x;
}
#sidebar h1,h2,h3 {
font-family:Arial Narrow, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#000000;
border:none;
background-image:none;
}
.article {
margin-left:170px;
padding:10px;
border: 1px solid #cccccc;
background-image: url("leavesv1-images/backgrounds/articlenormal.jpg");
background-position:top left;
background-repeat:no-repeat;
margin-bottom:10px;
}
.article:hover {
background-image: url("leavesv1-images/backgrounds/article.jpg");
background-position:bottom right;
background-repeat:repeat-x;
margin-bottom:10px;
}
.article p {
margin:10px;
}
.article_info {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
letter-spacing:2px;
font-variant:small-caps;
text-transform:lowercase;
}
.article_info a {
font-weight:bold;
text-decoration:none;
color:#000000;
}
h1,h2,h3 {
font-family:Arial Narrow, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#000000;
border-bottom:2px solid #cccccc;
background-image: url("leavesv1-images/backgrounds/headers.jpg");
background-position:top right;
background-repeat:no-repeat;
padding-bottom:5px;
padding-top:5px;
}
.comment {
margin-left:170px;
padding:10px;
border: 1px solid #cccccc;
background-image:url(leavesv1-images/backgrounds/article.jpg);
background-position:bottom right;
background-repeat:repeat-x;
margin-bottom:10px;
}
a {
color:#9ACC53;
text-decoration:none;
}
a:hover {
border-bottom:1px dotted #000000;
}
</style>
</head>
<body>
<div id="container">
<div id="header"> <img src="leavesv1-images/leaves.jpg" alt="" class="leaves" />
<h1>Leaves v.1</h1>
<p>From Warsaw, Amsterdam, New York,<br />
Chicago, London, Paris...</p>
<p>Posting for you- the webcrawlers...</p>
</div>
<div id="main_menu"> <a href="http://www.free-css.com/" class="aactive">Home</a> <a href="http://www.free-css.com/">Album</a> <a href="http://www.free-css.com/">Profile</a> <a href="http://www.free-css.com/">Articles</a> <a href="http://www.free-css.com/">News</a> <a href="http://www.free-css.com/">Sports</a> <a href="http://www.free-css.com/">writings</a> <a href="http://www.free-css.com/">Forums</a> </div>
<div id="sidebar">
<h1>Latest Going...</h1>
I
If you're interested in this design and wanna use it as your own, please leave a link leading to my site at: www.bartosz.co.nr, or email me from that site, so that for a low price I can let you remove it. Great thanks to JayKayfor helping me arrange few things.
<h1>Links</h1>
<a href="http://www.free-css.com/">oswd.org</a><br />
<br />
</div>
<div class="article">
<h1>Article Title</h1>
<div class="article_info"> posted by <a href="http://www.free-css.com/">author</a> on thursday 25 december 2024. </div>
<p>jdnf jdsnf ds nfdkslfn dsjfn ldsf jndslnfdjsfn ldksn fdsnkf ldsnf jdslfn dsjnf dsl nfsdjfn dslf nsjdf nldsj ndslfn dsjfn dsj knfldsn jdslnf sjdnf ldsnf jsdnl fdjsnf lsndd flds njdsn fldsn jds lndsn fdsl nfjsdnf ldsjn fldsnf jdsnf ldsf jnldsfn jsdf lndsjf ndslf ndjs fnldsf jndsf lnsdjfn ldsn fjdsnf lsdfn jdslnf jdsnf ldsnf jdslf dsjkf nsldnf dsjfn ldsfn snf ldsn fsdl fjnlds nfjs nflds jnfsldn fksfnj lskdfn sjknf klds fjnslknf dsn fkldsn fjsnd flksnf ldsnf dsjnf lsdnf jsnf kldsnf kdsnlf kds nfldsn fdjsn fldsnf jdslnf jdsnf ldsn fjdsnf ldjsn dsln jdsn fldsnf kjsnf lsdnfsdjkfnds jkndslfn dsj nfdsjn fldsn fjsdn fldsn jsdl fndsj nfdsl fjds nlsdn ldskn ldsn jdsn flkdsn jsdn lfnds jfdslf nj </p>
</div>
<div class="article">
<h1>Article Title</h1>
<div class="article_info"> posted by <a href="http://www.free-css.com/">author</a> on thursday 25 december 2024. </div>
<p>jdnf jdsnf ds nfdkslfn dsjfn ldsf jndslnfdjsfn ldksn fdsnkf ldsnf jdslfn dsjnf dsl nfsdjfn dslf nsjdf nldsj ndslfn dsjfn dsj knfldsn jdslnf sjdnf ldsnf jsdnl fdjsnf lsndd flds njdsn fldsn jds lndsn fdsl nfjsdnf ldsjn fldsnf jdsnf ldsf jnldsfn jsdf lndsjf ndslf ndjs fnldsf jndsf lnsdjfn ldsn fjdsnf lsdfn jdslnf jdsnf ldsnf jdslf dsjkf nsldnf dsjfn ldsfn snf ldsn fsdl fjnlds nfjs nflds jnfsldn fksfnj lskdfn sjknf klds fjnslknf dsn fkldsn fjsnd flksnf ldsnf dsjnf lsdnf jsnf kldsnf kdsnlf kds nfldsn fdjsn fldsnf jdslnf jdsnf ldsn fjdsnf ldjsn dsln jdsn fldsnf kjsnf lsdnfsdjkfnds jkndslfn dsj nfdsjn fldsn fjsdn fldsn jsdl fndsj nfdsl fjds nlsdn ldskn ldsn jdsn flkdsn jsdn lfnds jfdslf nj </p>
</div>
<div class="article">
<h1>Article Title</h1>
<div class="article_info"> posted by <a href="http://www.free-css.com/">author</a> on thursday 25 december 2024. </div>
<p>jdnf jdsnf ds nfdkslfn dsjfn ldsf jndslnfdjsfn ldksn fdsnkf ldsnf jdslfn dsjnf dsl nfsdjfn dslf nsjdf nldsj ndslfn dsjfn dsj knfldsn jdslnf sjdnf ldsnf jsdnl fdjsnf lsndd flds njdsn fldsn jds lndsn fdsl nfjsdnf ldsjn fldsnf jdsnf ldsf jnldsfn jsdf lndsjf ndslf ndjs fnldsf jndsf lnsdjfn ldsn fjdsnf lsdfn jdslnf jdsnf ldsnf jdslf dsjkf nsldnf dsjfn ldsfn snf ldsn fsdl fjnlds nfjs nflds jnfsldn fksfnj lskdfn sjknf klds fjnslknf dsn fkldsn fjsnd flksnf ldsnf dsjnf lsdnf jsnf kldsnf kdsnlf kds nfldsn fdjsn fldsnf jdslnf jdsnf ldsn fjdsnf ldjsn dsln jdsn fldsnf kjsnf lsdnfsdjkfnds jkndslfn dsj nfdsjn fldsn fjsdn fldsn jsdl fndsj nfdsl fjds nlsdn ldskn ldsn jdsn flkdsn jsdn lfnds jfdslf nj </p>
</div>
<div class="comment"> Website designed by <a href="http://www.bartosz.co.nr">Bartosz Brzezinski</a><br />
Content is © of your name here 2005<br />
Powered by <a href="http://www.free-css.com/">-------</a> </div>
</div>
</body>
</html>
Related examples in the same category