tema nou.html

Tema denumita nou.html

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title></title>
<style>

.all
{
background-color: #555555;
min-width:640px;
}
.content
{
position:relative;
background-color: #CCddFF;
min-height:320px;
min-width:640px;
}

.topbar
{
background:  #D7D7D7;
border: 1px solid  #5B5B5B;
margin:10px;
height: 120px;
min-width: 600px;
padding:10px;
}

.leftbar
{
background-color: #CCFFCC;
border: solid 1px #0066CC;
position:absolute;
left:0px;
top:0px;
width: 130px;
margin-left: 10px;
height: 300px;
padding:5px;
}

.rightbar
{
background-color: #999999;
border: #666600 solid 1px;
position:absolute;
right:0px;
top:0px;
width: 130px;
margin-right:10px;
height: 300px;
padding:5px;
}

.main-content
{
background: #CCFF99;
border: #669933 1px solid;
margin-right: 170px;
margin-left: 170px;
padding:5px;
}

.footbar
{
background:  #D7D7D7;
border: 1px solid  #5B5B5B;
min-width: 600px;
margin: 10px;
height: 100px;
padding: 10px;
}

</style>

</head>

<body>

<div class="all">

<div class="topbar">
topbar topbar topbar topbar topbar topbar topbar topbar topbar topbar topbar topbar topbar topbar topbar topbar topbar topbar topbar topbar topbar topbar topbar topbar topbar topbar
</div>
<div class="content">

<div class="leftbar">
leftbar leftbar leftbar leftbar leftbar leftbar leftbar leftbar leftbar leftbar leftbar leftbar leftbar leftbar leftbar leftbar leftbar leftbar leftbar leftbar leftbar leftbar leftbar leftbar leftbar leftbar
</div>

<div class="main-content">
main-content main-content main-content main-content main-content main-contentmain-content main-content main-content main-content main-content main-contentmain-content main-content main-content main-content main-content main-contentmain-content main-content main-content main-content main-content main-contentmain-content main-content main-content main-content main-content main-contentmain-content main-content main-content main-content main-content main-contentmain-content main-content main-content main-content main-content main-content main-content main-content main-content main-content main-content main-content main-content main-content main-content main-content
</div>

<div class="rightbar">
rightbar rightbar rightbar rightbar rightbar rightbar rightbar rightbar rightbar rightbar rightbar rightbar rightbar rightbar rightbar rightbar rightbar rightbar rightbar rightbar rightbar
</div>

</div> <!-- content -->

<div class="footbar">
footbar footbar footbar footbar footbar footbar footbar footbar footbar footbar footbar footbar footbar footbar footbar
</div>

</div> <!-- all -->

</body>

</html>

iar meniul din zona de navigare este:

<html>
<head>
<style type="text/css">
ul.menu
{
list-style: none;
background: #CCCCCC;
padding:15px;
margin:2px;
}

.divmenu
{

}

.divmenu ul li a:link
{
color:#aa0000;
text-decoration: none;

}    /* link nevizitat */
.divmenu ul li a:visited
{
color:#aa0000;
text-decoration: none;

} /* link vizitat */
.divmenu ul li a:hover
{
color:#ffbb22;
text-decoration: none;
/* background-image: url(images/clouds.jpg);*/

}   /* mouse deasupra link-ului */
.divmenu ul li a:active
{
color:#0000FF;
text-decoration: none;

}  /* link selectat */
</style>

</head>
<body>
<div>
<ul>
<li><a href="#">link a 1</a> </li>
<li><a href="#">link aa 2</a> </li>
<li><a href="#">link aaa 3</a> </li>
<li><a href="#">link aaaa 4</a> </li>
<li><a href="#">link aaaaa 5</a> </li>
</ul>

</div>

</body>

</html>