Tasarım Hayattır! Biz Hayatımızı Tasarıma Adadık!

Gri Tasarım

Tasarım Üstü

<span style="font-size: small;"><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"> </span>

Tasarım Altı
</div> </div> </div> <div id="alts"> <div class="copyright">Haklarını Yaz...</div> </div>
CSS Kodu
h1#title{display: none;} <br /> h2#title span {display: none;} <br /> div.header{display: none;} <br /> li.nav_element{list-style-type: none;} li.nav_element{display: none;}  <br /> * {padding: 0; margin:0 }  <br /> <br /> body { margin-left: auto; margin-right: auto; background: url(http://www.backgroundlabs.com/backgrounds/151.jpg); text-align: center;  }  <br /> <br /> #design { width: 900px; margin-left: auto; margin-right: auto; text-align: left;  }  <br /> <br /> #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; } <br /> <br /> .logo { width:335px; height:65px; backround:url(Başlık Resmi Buaraya!!); padding: 1px 0 0 5px; float: left; }<br /> <br /> .reklam { width:450px; padding: 2px 0 0 50px; float: left; } <br /> <br /> .ustmenu { width:880px; padding: 20px 0 0 20px; float: left; }  <br /> <br /> #icerik { margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/t/tasarimlife/gri_02.gif); float: left; overflow:hidden ;  }  <br /> <br /> #icontent { width: 895px; padding: 0 0 0 5px; overflow:hidden ; float: left;  } <br /> <br /> .sagmenu { width: 200px; padding:4px 0 0 15px; float: left; overflow: hidden; text-align: justify;  } <br /> <br /> .yazialani { width: 660px; padding: 0 0 0 5px; float: left; overflow: hidden;  }    <br /> <br /> #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; } <br /> <br /> .copyright { width: 450px; padding:60px 0 0 450px; float: left; overflow: hidden; text-align: justify; }