css tasarımlar 2

TASARIM  ÜSTÜ
Kod:
<div id="tasarim">  <div id="ust"></div> <div id="orta"> <div class="solsutun">Buraya menü gelecek</div> <div class="sagsutun">

 

TASARIM ALTI
Kod:
</div> </div> <div id="alt"></div> </div>

 

CSS KOD
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/w/webs-team/pattern.jpg) top center fixed;
}

#tasarim{
width: 1024px;
margin-left: 0 auto;
margin-right:0 auto;
}


#ust{
margin-left: 0 auto;
margin-right:0 auto;
background: url(https://img.webme.com/pic/k/kod80/webyukari.gif);
width: 900px;
height: 267px;
float: left;
 









TASARIM  ÜSTÜ
Kod:
<div id="tasarim">  <div id="ust"></div> <div id="orta"> <div class="solsutun">Buraya menü gelecek</div> <div class="sagsutun">

 








TASARIM ALTI
Kod:
</div> </div> <div id="alt"></div> </div>

 







CSS KOD
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/w/webs-team/pattern.jpg) top center fixed;
}

#tasarim{
width: 1024px;
margin-left: 0 auto;
margin-right:0 auto;
}


#ust{
margin-left: 0 auto;
margin-right:0 auto;
background: url(https://img.webme.com/pic/k/kod80/webyukari.gif);
width: 900px;
height: 267px;
float: left;
}

#orta{
margin-left: 0 auto;
margin-right:0 auto;
background: url(https://img.webme.com/pic/k/kod80/weborta.gif);
width: 900px;
height: 239%;
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/k/kod80/webasagi.gif);
width: 900px;
height: 262px;
float: left;
}
 









TASARIM  ÜSTÜ
Kod:
<div id="tasarim"> <div id="baslik"></div> <div id="ust"></div> <div id="orta"> <div class="solsutun">Buraya Menü</div> <div class="sagsutun">
 

TASARIM ALTI
Kod:
</div> </div> <div id="alt"></div> </div> 

 

CSS KOD
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: auto; margin-right: auto; background: url(http://img37.imageshack.us/img37/5100/ase.png) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background: none; width: 1007px; height: 143px; 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/tasarimnetr/tas2_01.gif); width: 1007px; height: 248px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas2_02.gif); width: 1007px; height: 327%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 20px; 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/t/tasarimnetr/tas2_03.gif); width: 1007px; height: 193px; float: left; } #kommentartext { background-image: none; } 

 









TASARIM  ÜSTÜ
Kod:
<table width="950" height="694" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="159" background="http://img220.imageshack.us/img220/677/cizgili01.jpg"><table width="945" height="111" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="18"> </td>
        <td width="913"><div align="center">..::SlogAN Braya Gelecek::..</div></td>
        <td width="14"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="40" background="http://img391.imageshack.us/img391/5398/cizgili02.jpg"><table width="945" height="38" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="163"> </td>
        <td width="767">Kayan yazı kodumuzu buraya koyacağız....</td>
        <td width="15"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="53" background="http://img200.imageshack.us/img200/9136/cizgili03.jpg"> </td>
  </tr>
  <tr>
    <td height="374" valign="top" background="http://img198.imageshack.us/img198/8886/cizgili04.jpg"><table width="945" height="244" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="17" valign="top"> </td>
        <td width="150" valign="top">Menü Kodlarımız Buraya Gelecektir...</td>
        <td width="20" valign="top"> </td>
        <td width="745" valign="top"><div id_"concent"></div>

 

TASARIM ALTI
Kod:
</td>
        <td width="13" valign="top"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td background="http://img242.imageshack.us/img242/7316/cizgili05.jpg"> </td>
  </tr>
</table>


 

CSS KOD
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;}
[/quote]
alltaki linkleri kullan
 
 
 
Bugün 25 ziyaretçi (34 klik) kişi burdaydı!

Bilgisayar İnternet Toplistler
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol