Tasarım üstüne
<div id="design"> <div id="top"> <div class="ortamenu">Üst menü linkleri vb şeyler buraya gelebilir...</div> </div> <div id="icerik"> <div id="icontent"> <div class="writer"> </div> </div> </div> </div>
Tasarım altına
</div> <div class="sagmenu">Burası sağ menü linkler vb şeyler gelecektir...</div> </div> </div> <div id="footer"><p class="altreklam">alt reklam</p></div> </div>
Css koduna
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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url(http://RESMİN URLSİNİ GİRİNİZ); text-align: center;} #design { width: 900px; margin-left: auto; margin-right: auto; text-align: left;} #top{ margin-left: auto; margin-right: auto; background: url(http://img.webme.com/pic/s/suclukim/hpeski1.png); width: 900px; height: 143px; float: left;} .ortamenu { width:800px; padding: 70px 0 0 100px; float: left;} #icerik { margin-left: auto; margin-right: auto; background: url(http://img.webme.com/pic/s/suclukim/hpeski2.png); float: left; overflow:hidden ;} #icontent { width: 900px; padding: 0 0 0 5px; overflow:hidden ; float: left;} .writer { width: 660px; padding: 0 0 0 5px; float: left; overflow: hidden;} .sagmenu { width: 200px; padding:7px 0 0 20px; float: left; overflow: hidden; text-align: justify;} #footer{ margin-left: auto; margin-right: auto; background: url(http://img.webme.com/pic/s/suclukim/hpeski3.png); width: 900px; height: 160px; float: left; }.altreklam{ margin-left: auto; margin-right: auto; width:210px; height:65px; padding: 40px 0 0 10px;}
