css tasarımlar 3




TASARIM  ÜSTÜ
Kod:
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="335" align="center" valign="middle" background="https://img.webme.com/pic/d/deneme159753456/dini_01.gif"><p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p>Buraya Üst Menü Veya Duyuru</p></td>
  </tr>
  <tr>
    <td height="136" align="center" valign="top" background="https://img.webme.com/pic/d/deneme159753456/dini_02.gif"><table width="950" align="center" cellpadding="1">
      <tr>
        <td width="239" height="122" align="center" valign="top">MENÜ</td>
        <td width="24"> </td>
        <td width="422" align="center" valign="top"><div id="content"></div>
 

TASARIM ALTI
Kod:
       <td width="25"> </td>
        <td width="216" align="center" valign="top">MENÜ2</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="227" align="center" valign="middle" background="https://img.webme.com/pic/d/deneme159753456/dini_03.gif"><table width="950" align="center" cellpadding="1">
      <tr>
        <td width="228" height="123" align="center" valign="middle">KOD1</td>
        <td width="58"> </td>
        <td width="382" align="center" valign="middle">KOD2</td>
        <td width="59"> </td>
        <td width="199" align="left" valign="middle">KOD3</td>
      </tr>
    </table></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;}





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: 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: 0px; float: left; text-align: center; padding: 0px 0 0 237px; 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/tolgahantr/rap_01.gif); width: 1007px; height: 343px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tolgahantr/rap_02.gif); width: 1007px; height: 213%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 20px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 237px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tolgahantr/rap_03.gif); width: 1007px; height: 212px; float: left; } #kommentartext { background-image: none; }

 

alltaki linkleri kullan
 
 
 
Bugün 27 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