- sastın

sastın

Tasarim 7

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>