Mavi Gri Tasarım

<table width="950" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="45" background="http://img.webme.com/pic/r/royalruling/mavigritasarim_01.png"></td>
  </tr>
  <tr>
    <td height="162" background="http://img.webme.com/pic/r/royalruling/mavigritasarim_02.png"><div id="logo">145x130 Logo</div>
    <div id="Soneklenenler">
      <ul>
        <li><a href="Http://egekaya.tr.gg/">Eklenecek</a></li>
        <li><a href="Http://egekaya.tr.gg/">Eklenecek</a></li>
        <li><a href="Http://egekaya.tr.gg/">Eklenecek</a></li>
        <li><a href="Http://egekaya.tr.gg/">Eklenecek</a></li>
      </ul>
    </div>
    <div id="Duyuru"><marquee direction=left>Çizim : Htmlfbmlkodu61.tr.gg / Kodlayan : Egekaya.tr.gg / © 2012</marquee></div>
    <div id="reklam"><a href="http://egekaya.tr.gg/"><img src="Resim Url" height="93" width="380" border="0"></a></div></td>
  </tr>
  <tr>
    <td height="23" background="http://img.webme.com/pic/r/royalruling/mavigritasarim_03.png"> </td>
  </tr>
  <tr>
    <td height="256" background="http://img.webme.com/pic/r/royalruling/mavigritasarim_04.png"><table width="950" height="248" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="83"> </td>
        <td width="188" align="left" valign="top"></div>
 
<div id="orta">
<div class="yanmenu"><div class="arrowlistmenu">
<h3 class="headerbar">Buraya Başlık Gelecek</h3>
<ul>
   
<li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li>
<li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
 
    </a></li>
   
    <h3 class="headerbar">Buraya Başlık Gelecek</h3>
<ul>
   
<li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li>
<li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
 
    </a></li>
 
</ul></td>
        <td width="10"> </td>
        <td width="581" align="left" valign="top">

</td>
        <td width="88"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><img src="http://img.webme.com/pic/r/royalruling/mavigritasarim_05.png" width="950" height="34" border="0" usemap="#Map">
<map name="Map"><area shape="rect" coords="564,22,663,33" href="http://egekaya.tr.gg" target="_blank">
<area shape="rect" coords="765,22,829,34" href="http://egekaya.tr.gg">
</map></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}

<style type="text/css">
<!--
#ustmenu {
   height: 31px;
   width: 771px;
   float: left;
   margin-top: 8px;
   margin-left: 93px;
}
#logo {
   float: left;
   height: 130px;
   width: 145px;
   margin-top: 15px;
   margin-left: 100px;
}
#Soneklenenler {
   width: 183px;
   float: left;
   height: 135px;
   margin-top: 10px;
   margin-left: 35px;
}
#Soneklenenler ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}
#Soneklenenler a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #000000;
   text-decoration: none;
   display: block;
   width: auto;
   padding-top: 9px;
   padding-left: 11px;
   height: 25px;
}
#Soneklenenler a:hover {
   text-decoration: underline;
}
#Duyuru {
   width: 310px;
   float: right;
   height: 17px;
   margin-top: 18px;
   margin-right: 86px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
}
#reklam {
   height: 93px;
   width: 380px;
   float: right;
   margin-right: 89px;
   margin-top: 7px;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
 
.arrowlistmenu{
width: 188px; /*width of menu*/
}
 
.arrowlistmenu .headerbar{
font: bold 11px Arial;
color: white;
background: black url(http://img.webme.com/pic/e/egekaya/menubg.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 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: #808080;
background: url(http://cdn1.iconfinder.com/data/icons/splashyIcons/arrow_state_grey_right.png) no-repeat center left; /*custom bullet list image*/
display: block;
font: bold 12px Arial;
padding: 4px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px dashed #dadada;
font-size: 75%;
}
 
.arrowlistmenu ul li a:visited{
color: #808080;
}
 
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #4682B4;
 
}
 
a:link {
    color: #000000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #000000;
}
a:hover {
    text-decoration: none;
    color: #0099FF;
}
a:active {
    text-decoration: none;
    color: #000000;
}
 
 
     input[type="text"]  { font-family : "Verdana"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url() repeat-x top; } input[type="text"]:focus, input[type="text"]:active { border-color : #777; } input[type="submit"] { cursor : pointer; font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #c6c7ca; background : #e4e4e4 url() repeat-x top; } textarea { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url() repeat-x top; }       
 
büyüyen resim
<style type="text/css">  /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */  .hovergallery img{ -webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(0.8); /*Mozilla scale version*/ -o-transform:scale(0.8); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ opacity: 0.7; /*initial opacity of images*/ margin: 0 10px 5px 0; /*margin between images*/ }  .hovergallery img:hover{ -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/ -moz-transform:scale(1.1); /*Mozilla scale version*/ -o-transform:scale(1.1); /*Opera scale version*/ box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/ -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/ -moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/ opacity: 1; }
-->
</style>