ESKİSEHİROYUNU

Tasarımı

Tasarım Üstü:

<table  width="960" align="center" cellpadding="1">   <tr>     <td  height="159"  background="https://img.webme.com/pic/b/bsmakerdeneme/pembiktema_01.gif"><table  width="960" height="127" cellpadding="1">       <tr>          <td width="10" height="121"> </td>         <td  width="414" align="center" valign="top"><img width="300"  height="145" alt=""  src="https://img.webme.com/pic/b/bsmakerdeneme/pembiktasarimbaslik.png"  _fcksavedurl="https://img.webme.com/pic/b/bsmakerdeneme/pembiktasarimbaslik.png"  /></td>         <td width="497">=> Sitemizin Tasarımı  Değişmiştir Tebrikler </br>=> Pembik tema <img  src="http://theme.webme.com/smiles/smiley.gif"  border="0"></br> => Hoşgeldiniz</td>         <td  width="19"> </td>       </tr>      </table></td>   </tr>   <tr>     <td  height="461"  background="https://img.webme.com/pic/b/bsmakerdeneme/pembiktema_02.gif"><table  width="960" height="443" cellpadding="1">       <tr>          <td width="6"> </td>         <td width="261"  valign="top"><ul class="slidedoormenu"> <li><a  href="http://bsmaker.tr.gg/" _fcksavedurl="http://bsmaker.tr.gg/">»   Menü Adı Burayaaaaaaaa</a></li> <li><a  href="http://bsmaker.tr.gg/" _fcksavedurl="http://bsmaker.tr.gg/">»   Menü Adı Burayaaaaaaaa</a></li> <li><a  href="http://bsmaker.tr.gg/" _fcksavedurl="http://bsmaker.tr.gg/">»   Menü Adı Burayaaaaaaaa</a></li> <li><a  href="http://bsmaker.tr.gg/" _fcksavedurl="http://bsmaker.tr.gg/">»   Menü Adı Burayaaaaaaaa</a></li> <li><a  href="http://bsmaker.tr.gg/" _fcksavedurl="http://bsmaker.tr.gg/">»   Menü Adı Burayaaaaaaaa</a></li> <li><a  href="http://bsmaker.tr.gg/" _fcksavedurl="http://bsmaker.tr.gg/">»   Menü Adı Burayaaaaaaaa</a></li> <li><a  href="http://bsmaker.tr.gg/" _fcksavedurl="http://bsmaker.tr.gg/">»   Menü Adı Burayaaaaaaaa</a></li> <li><a  href="http://bsmaker.tr.gg/" _fcksavedurl="http://bsmaker.tr.gg/">»   Menü Adı Burayaaaaaaaa</a></li> <li><a  href="http://bsmaker.tr.gg/" _fcksavedurl="http://bsmaker.tr.gg/">»   Menü Adı Burayaaaaaaaa</a></li> <li><a  href="http://bsmaker.tr.gg/" _fcksavedurl="http://bsmaker.tr.gg/">»   Menü Adı Burayaaaaaaaa</a></li> <li><a  href="http://bsmaker.tr.gg/" _fcksavedurl="http://bsmaker.tr.gg/">»   Menü Adı Burayaaaaaaaa</a></li> <li><a  href="http://bsmaker.tr.gg/" _fcksavedurl="http://bsmaker.tr.gg/">»   Menü Adı Burayaaaaaaaa</a></li> <li><a  href="http://bsmaker.tr.gg/" _fcksavedurl="http://bsmaker.tr.gg/">»   Menü Adı Burayaaaaaaaa</a></li> <li><a  href="http://bsmaker.tr.gg/" _fcksavedurl="http://bsmaker.tr.gg/">»   Menü Adı Burayaaaaaaaa</a></li> </ul> </td>          <td width="10"> </td>         <td width="652"  valign="top"><div id="content"></div>

Tasarım Altı:

CSS:

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} iframe{border:dotted 5px  #000000;}  <style type="text/css">  </style>  <style type="text/css">  /*Credits: Dynamic  Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */   .urbangreymenu{ width: 190px; /*width of menu*/ }  .urbangreymenu  .headerbar{ font: bold 13px Verdana; color: white; background: #606060  url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x  and y coordinates of bullet image*/ margin-bottom: 0; /*bottom spacing  between header and rest of content*/ text-transform: uppercase; padding:  7px 0 7px 31px; /*31px is left indentation of header text*/ }   .urbangreymenu ul{ list-style-type: none; margin: 0; padding: 0;  margin-bottom: 0; /*bottom spacing between each UL and rest of content*/  }  .urbangreymenu ul li{ padding-bottom: 2px; /*bottom spacing between  menu items*/ }  .urbangreymenu ul li a{ font: normal 12px Arial; color:  black; background: #E9E9E9; display: block; padding: 5px 0; line-height:  17px; padding-left: 8px; /*link text is indented 8px*/ text-decoration:  none; }  .urbangreymenu ul li a:visited{ color: black; }   .urbangreymenu ul li a:hover{ /*hover state CSS*/ color: white;  background: black; }  </style>  <style type="text/css">   /*Credits: Dynamic Drive CSS Library */ /*URL:  http://www.dynamicdrive.com/style/ */  .slidedoormenu{ list-style-type:  none; margin: 0; padding: 0; width: 180px; /* width of menu (don't  forget to add border with below!) */ border-left: 8px solid #ffa1a3; /*  thick left border of menu */  }  .slidedoormenu li{ border-bottom: 1px  solid #885b5c; /* Gray border beneath each menu item */ }   .slidedoormenu li a{ background: white url(media/vstrip.gif) repeat-y  left top; /* Background image positioned to the left(v) top(h) corner  initially */ font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;  display: block; color: black; width: auto; border-bottom: 1px solid  white; /* White border beneath each menu item link, to add depth */  padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */  text-indent: 8px; text-decoration: none; }  .slidedoormenu li a:visited,  .slidedoormenu li a:active{ color: black; }  .slidedoormenu li a:hover{  background-position: -387px 0; /* Shift background image horizontally  387px, or the start of the 2nd background image */ color: black; }   .slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{  border-bottom-width: 0; /* For last menu item within menu, remove bottom  border */ }  .slidedoormenu li.lastitem a{ padding: 8px 0; /* increase  vertical border of last menu link by 2px (default is padding: 7px 0) to  account for removed border width */ }  </style>

Tasarımı