Hiç Uğraşmadan Css Tasarım yapın

  <!-- Begin Wrapper -->
   <div id="wrapper">
   
         <!-- Begin Header -->
         <div id="header">
      
   <div align="center"><img alt="" src="BAŞLIK RESİM URLSİ" /></div> 
            
       </div>
       <!-- End Header -->
      
       <!-- Begin Naviagtion -->
         <div id="navigation">
      
   <script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chrome.js"></script>
<style>
#MainMenu
{
   width:100%;
   height:38px;
   background: url("http://80.190.202.79/pic/s/samanyolu35/bmid_040.gif");
   margin:0;
   border:0;
}
#tab
{
   margin:0;
   top:0;
}
#tab ul
{
   margin:0;
   padding:0;
   list-style:none;
   float:left;
}
#tab li
{
display:inline;
   float:left;
   margin:0 0 0 0 ;
   padding:0;
}
#tab a
{
   background:#000000 url("http://80.190.202.79/pic/s/samanyolu35/bright_040.gif") no-repeat right top;
   margin:0;
   padding:0;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
}
#tab a span
{
   display:block;
   background:url("http://80.190.202.79/pic/s/samanyolu35/bleft_040.gif") no-repeat left top;
   padding:0 15px 0 15px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#000000;
   font-weight:bold;
   line-height:38px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:#000000;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#000000;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 solid #330066;
   background: url("http://80.190.202.79/pic/s/samanyolu35/bmid_040.gif");
   color:#000000;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   margin:0;
   padding:0;
   list-style:none;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
   width:180px;
   margin:0 0 0 0 ;
   padding:0;
   display:block;
   border:0 solid #000000;
   color:#000000;
   background:url("http://80.190.202.79/pic/s/samanyolu35/bleft_040.gif") no-repeat left top;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv a span
{
   float:left;
   display:block;
   line-height:38px;
   background:url("http://80.190.202.79/pic/s/samanyolu35/bright_040.gif") no-repeat right top;
   padding:0 15px 0 15px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#000000;
}
.dropmenudiv a span
{
   float:none;
}
.dropmenudiv a:hover
{
   border:0 solid #000000;
   background-position:left bottom;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
   color:#000000;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#000000;
   font-weight:bold;
}

</style>



<div id="MainMenu">
   <div id="tab">
      <ul>
         <li><a target="_blank" href="LİNK ADRESİ"><span>SAYFA ADI</span></a></li>
         <li><a target="_blank" href="LİNK ADRESİ"><span>SAYFA ADI</span></a></li>
         <li><a target="_blank" href="LİNK ADRESİ"><span>SAYFA ADI</span></a></li>
         <li><a target="_blank" href="LİNK ADRESİ"><span>SAYFA ADI</span></a></li>
         <li><a target="_blank" href="LİNK ADRESİ"><span>SAYFA ADI</span></a></li>
      </ul>
   </div>
</div>
      
            
       </div>
       <!-- End Naviagtion -->
      
       <!-- Begin Content -->
       <div id="content">

            
       </div>
       <!-- Begin Content -->
      
   </div>
   <!-- End Wrapper -->
   
</body>
</html>

#header

#navigation

#content{