photo1
Tasarımın Üzerine
Kod: |
<div id="tasarim"> <div id="ust"></div> <div id="orta"> <div class="solsutun">Burası Sol Sutun tmmmı</div> <div class="sagsutun">
|
Tasarımın Altına
Kod: |
</div> </div> <div id="alt"></div> </div>
|
Css Koduna
Kod: |
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: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/o/onlinephotoshop/arkaplan.jpg) top center fixed; } #tasarim{ width: 1024px; margin-left: 0 auto; margin-right:0 auto; } #baslik{ margin-left: 0 auto; margin-right:0 auto; background: none; width: 1000px; height: 20px; float: left; text-align: center; padding: 180px 0 0 0; font-size: 20px; color: #ff0000; font-family: Verdana, arial; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/o/onlinephotoshop/red_01.png); width: 1024px; height: 208px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/o/onlinephotoshop/red_02.png); width: 1024px; height: 100%; 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/o/onlinephotoshop/red_03.png); width: 1024px; height: 342px; float: left; |