►Css Tasarım : Eğlence Tasarımı (hayırlı uğurlu olsun)

<table width="881" height="220" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="left" valign="top" background="[url=http://i33.servimg.com/u/f33/13/73/65/25/kirmiz17.png"table][color=#9a9999]http://i33.servimg.com/u/f33/13/73/65/25/kirmiz17.png"><table[/color][/url] width="880" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
  <td width="21" height="75"> </td>
        <td width="324" align="center" valign="middle">
</td>
<tr>
        <td height="50" colspan="9" align="center" valign="middle">
<p><br />
<br />
&nbsp;</p>
<p style="text-align: center"><span style="color: #c0c0c0"><em>Ust Menu</em></span></p>
</td>
      </tr>
      <tr>
        <td height="19" colspan="5"> </td>
      </tr>
     
    </table></td>
  </tr>
</table>
<table width="879" height="148" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="879" align="left" valign="top" background="[url=http://i33.servimg.com/u/f33/13/73/65/25/kirmiz12.png"table][color=#9a9999]http://i33.servimg.com/u/f33/13/73/65/25/kirmiz12.png"><table[/color][/url] width="880" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="20" height="159"> </td>
        <td width="168" align="left" valign="top">
<div class="arrowlistmenu">
<h3 class="headerbar"><span style="color: #c0c0c0">Ana Menu</span></h3>
<ul>
<ul class="menu-bullettree">
    <li class="active item1 order1 first current"><a class="current" href="/ana-sayfa.htm"><span>Anasayfa</span></a></li>
    <li class="item57 order2"><a href="/site-genel-bilgilendirme-yazilari/hakkimizda.html"><span>Hakkımızda</span></a></li>
    <li class="item59 order3"><a href="/muhendislik-calismalarimiz/zemin-etudu.html"><span>Zemin Etüdü</span></a></li>
    <li class="parent item53 order4"><a href="/site-genel-bilgilendirme-yazilari/bayiligini-yapmakta-oldugumuz-firmalar.html"><span>Bayiliklerimiz</span></a></li>
    <li class="item58 order5"><a href="/referanslar/"><span>Referanslar</span></a></li>
    <li class="item2 order6"><a href="/site-haritasi.html"><span>Site Haritası</span></a></li>
    <li class="item60 order7"><a href="/kayit/register.html"><span>Kayıt</span></a></li>
    <li class="item27 order8 last"><a href="/iletisim.html"><span>İletişim</span></a></li>
</ul>
</div>
</div>
</td>
        <td width="32"> </td>
        <td width="633" align="left" valign="top"><div id="content"></div>

</td>
        <td width="15"> </td>
      </tr>
    </table></td>
  </tr>
</table>
<table width="881" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="1000" height="293" align="left" valign="top" background="[url=http://i33.servimg.com/u/f33/13/73/65/25/kirmiz16.png"table][color=#9a9999]http://i33.servimg.com/u/f33/13/73/65/25/kirmiz16.png"><table[/color][/url] width="880" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="23"> </td>
        <td width="845"> </td>
        <td width="22"> </td>
      </tr>
      <tr>
        <td height="166"> </td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td height="84"> </td>
        <td align="left" valign="middle">
<p style="text-align: center"><span style="color: #800000"><em>Alt Alan</em></span></p>
</td>
        <td> </td>
      </tr>
     
    </table></td>
  </tr>
</table>
 

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
table {margin-left: auto;margin-right: auto}
body,td,th {
font-family: tahoma;
font-size: 14px;
color: #000000;
font-weight: normal;
}
body {
background-image: url(ARKA PLAN URL);
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333399;
font-weight: normal;
}
<style type="text/css">
/*Credits: LifeCity CSS Menu */
/*URL: [url=http://www.lifecity.tr.gg*/][color=#9a9999]http://www.lifecity.tr.gg*/[/color][/url]
.arrowlistmenu{
width: 180px; /*width of menu*/
}
.arrowlistmenu .headerbar{
font: bold 13px Arial;
color: white;
background: black url([url=http://img.webme.com/pic/l/lifelist/kirmizi-menubar.png][color=#9a9999]http://img.webme.com/pic/l/lifelist/kirmizi-menubar.png[/color][/url]) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}
.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #666666;
background: url([url=http://img.webme.com/pic/l/lifelist/arrow_menu.png][color=#9a9999]http://img.webme.com/pic/l/lifelist/arrow_menu.png[/color][/url]) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #dadada;
font-size: 85%;
}
.arrowlistmenu ul li a:visited{
color: #666666;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #8F8F8F;
background-color: #F3F3F3;
}
body { 
background-image: url([url=http://i33.servimg.com/u/f33/13/73/65/25/kirmiz18.png][color=#9a9999]http://i33.servimg.com/u/f33/13/73/65/25/kirmiz18.png[/color][/url]);
background-repeat: repeat; 
background-attachment: scroll; 
background-color: white; 
background-position: top-left; 
 }