Yeni Gün|Yeni Tasarım| Yeni SiTe

Tasarim 5

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"><!--Bsmaker yatay gri menu basla--> <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> <!--[if IE]> <style type="text/css"> .ddoverlap{ height: 1%; /*Apply Holly 3px jog hack to get IE to position bottom border correctly beneath the menu*/ } </style> <![endif]--> <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><!--Bsmaker-yatay gri menu bitir--></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ı:

</td> </tr> </table></td> </tr> <tr> <td height="29" background="https://img.webme.com/pic/b/bsmaker/forumtasarimi_03.gif"><table width="800" cellpadding="1"> <tr> <td height="21"> <div align="center"><strong>Copyright © 2011 Tüm Hakkı Saklıdır İzinsiz Alınması Yasaktır GÖrüldüğü Taktirde Gerek İçelemler Yapılacaktır </strong></div></td> </tr> </table></td> </tr> </table>

CSS Kodu:

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"> <!-- body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; font-weight: bold; } body { background-color: #FFFFFF; background-image: url(http://www.backgroundlabs.com/backgrounds/88.gif); } a { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; font-weight: bold; } a:link { text-decoration: none; } a:visited { text-decoration: none; color: #000000; } a:hover { text-decoration: none; color: #666666; } a:active { text-decoration: none; color: #000000; } --> </style>