M-HİT Siteni Ekle Hit Kazan

Gri Tasarım

Tasarım Üstü
<div id="design"> <div id="top"> <div class="logo">Logo Resmini CSS Koduna Koy</div> <div class="reklam"></div> <div class="ustmenu">Üst Menüyü ßuraya Yap</div></div> <div id="icerik"> <div id="icontent"> <div class="sagmenu">Sağ Menü Burası</div> <div class="yazialani">
Tasarım Altı
</div> </div> </div> <div id="alts"> <div class="copyright">Haklarını Yaz...</div> </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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url(http://www.backgroundlabs.com/backgrounds/151.jpg); text-align: center; } #design { width: 900px; margin-left: auto; margin-right: auto; text-align: left; } #top{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/t/tasarimlife/gri_01.gif); width: 900px; height: 214px; float: left; } .logo { width:335px; height:65px; backround:url(Başlık Resmi Buaraya!!); padding: 1px 0 0 5px; float: left; } .reklam { width:450px; padding: 2px 0 0 50px; float: left; } .ustmenu { width:880px; padding: 20px 0 0 20px; float: left; } #icerik { margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/t/tasarimlife/gri_02.gif); float: left; overflow:hidden ; } #icontent { width: 895px; padding: 0 0 0 5px; overflow:hidden ; float: left; } .sagmenu { width: 200px; padding:4px 0 0 15px; float: left; overflow: hidden; text-align: justify; } .yazialani { width: 660px; padding: 0 0 0 5px; float: left; overflow: hidden; } #alts{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/t/tasarimlife/gri_03.gif); width: 900px; height: 194px; float: left; } .copyright { width: 450px; padding:60px 0 0 450px; float: left; overflow: hidden; text-align: justify; }