asdsad

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; }




Önizleme : https://img.webme.com/pic/t/tasarimlife/siyahyesil.jpg

Tasarım Üstü
<div id="tasarim"> <div id="baslik"></div> <div id="ust"></div> <div id="orta"> <div class="solsutun">Buraya Menü</div> <div class="sagsutun">
Tasarım Altı
</div> </div> <div id="alt"></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: none top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background: none; width: 1007px; height: 1px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/d/denemetaslife/siyahyesil_01.gif); width: 1007px; height: 203px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/d/denemetaslife/siyahyesil_02.gif); width: 1007px; height: 402%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 800px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 19px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/d/denemetaslife/siyahyesil_03.gif); width: 1007px; height: 163px; float: left; } #kommentartext { background-image: none; }




Önizleme : https://img.webme.com/pic/t/tasarimlife/kirmizimavi.jpg

Tasarım Üstü
<div id="tasarim"> <div id="baslik"></div> <div id="ust"></div> <div id="orta"> <div class="solsutun">Buraya Menü</div> <div class="sagsutun">
Tasarım Altı
</div> </div> <div id="alt"></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: none top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background: none; width: 1007px; height: 1px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimlife/kirmizimavi_01.gif); width: 1007px; height: 201px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimlife/kirmizimavi_02.gif); width: 1007px; height: 412%; float: left; } .solsutun{ width:100px; float: left; padding: 0 0 0 750px; overflow: hidden; } .sagsutun { width:600px; float: left; padding: 0 0 0 19px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimlife/kirmizimavi_03.gif); width: 1007px; height: 155px; float: left; } #kommentartext { background-image: none; }