- ona

ona

Tasarım Üstü:

<table width="800" align="center" cellpadding="1">   <tr>     <td height="139" background="https://img.webme.com/pic/b/bsmaker/forumtasarimi_01.gif"><table width="800" cellpadding="1">       <tr>         <td height="103"> </td>       </tr>       <tr>         <td height="27"> <div align="center"> <style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .ddoverlap{ border-bottom: 1px solid #bbb8a9; } .ddoverlap ul{ padding: 0; margin: 0; font: bold 90% default; list-style-type: none; } .ddoverlap li{ display: inline; margin: 0; } .ddoverlap li a{ padding: 3px 7px; text-decoration: none; padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/ color: blue; background: transparent url(http://img687.imageshack.us/img687/5209/kodbanksrighttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/ border-left: 1px solid #dbdbd5; position: relative; display: block; float: left; margin-left: -20px; /*shift tabs 20px to the left so they overlap*/ left: 20px; } .ddoverlap li a:visited{ color: blue; } .ddoverlap li a:hover{ text-decoration: underline; } .ddoverlap li.selected a{ /*selected tab style*/ color: black; z-index: 100; /*higher z-index so selected tab is topmost*/ top: 1px; /*Shift tab 1px down so the border beneath it is covered*/ background: transparent url(http://img14.imageshack.us/img14/766/kodbanksrighttabselecte.gif) 100% 0 no-repeat; } .ddoverlap li.selected a:hover{ text-decoration: none; } </style>  <div class="ddoverlap"> <ul> <li><a href="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg">Menü Adı</a></li> <li><a href="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg">Menü Adı</a></li> <li><a href="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg">Menü Adı</a></li> <li><a href="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg">Menü Adı</a></li> <li><a href="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg">Menü Adı</a></li> <li><a href="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg">Menü Adı</a></li> <li><a href="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg">Menü Adı</a></li> <li><a href="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg">Menü Adı</a></li> <li><a href="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg">Menü Adı</a></li> <li><a href="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg">Menü Adı</a></li> <li><a href="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg">Menü Adı</a></li> <li><a href="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg">Menü Adı</a></li> <li><a href="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg" _fcksavedurl="http://www.bsmaker.tr.gg">Menü Adı</a></li> </ul> <br style="clear: left" /> </div></div></td>       </tr>                   </table></td>   </tr>   <tr>     <td height="325" background="https://img.webme.com/pic/b/bsmaker/forumtasarimi_02.gif"><table width="800" cellpadding="1">       <tr>         <td height="313"><div id="content"></div>

Tasarım Altı:

CSS Kodu: