Tasarım Üstü

<div align="center"><table border="0" width="70%"><tr><td> <div id="tasarim"> <div id="ust"></div> <div id="orta"> <div class="solsutun"> <div class="menuosman"> <div class="urbangreymenu"> <div class="urbangreymenu"> <ul> <li><a href="http://temaciabi.tr.gg/">Eklenecek</a></li> <li><a href="http://temaciabi.tr.gg/">Eklenecek</a></li> <li><a href="http://temaciabi.tr.gg/">Eklenecek</a></li> <li><a href="http://temaciabi.tr.gg/">Eklenecek</a></li> <li><a href="http://temaciabi.tr.gg/">Eklenecek</a></li> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </div> </div> </div> </div> <div class="sagsutun">

Tasarım Altı

</div> </div> <div id="alt"></div> </div> </td></tr></table></div>

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} * {padding: 0; margin:0 } body { margin-left: 0 auto; margin-right:0 auto; background: url(http://www.backgroundlabs.com/backgrounds/209.jpg) top center fixed; } #tasarim{ width: 1024px; margin-left: 0 auto; margin-right:0 auto; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/c/cnvristtr-deneme/temaciv2_01.png); width: 975px; height: 223px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/c/cnvristtr-deneme/temaciv2_02.png); width: 975px; height: 432%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 50px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/c/cnvristtr-deneme/temaciv2_03.png); width: 975px; height: 54px; float: left; } Sol Menü <style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .urbangreymenu{ width: 190px; height: 10px; /*width of menu*/ } .urbangreymenu .headerbar{ width: 190px; height: 10px; font: bold 12px Trebuchet MS; color: white; background: #4f6b78 url( https://img.webme.com/pic/o/osmantalay/mncnl.png) no-repeat 3px 4px; /*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: 4px 0 9px 20px; /*20px 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 bold 12px Arial; color: black; background: #dbe6ec; display: block; padding: 5px 0; line-height: 12px; padding-left: 4px; /*link text is indented 4px*/ text-decoration: none; } .urbangreymenu ul li a:visited{ color: black; } .urbangreymenu ul li a:hover{ /*hover state CSS*/ color: white; background: #80bbd9; } </style> <style> A{ text-decoration : none; } <!-- a{color:#0e9dc1;text-decoration:none;font:bold} a:hover{color:#C0C0C0;text-decoration:none;font:bold} </style> <style> A{ text-decoration : none; } A:Hover{ text-decoration : underline; } </style>