CSS TASARIM 4


TASARIM  ÜSTÜ
Kod:
<table width="1000" border="0" align="center" cellspacing="0">
  <tr>
    <td height="331" background="https://img.webme.com/pic/c/chazmix/z1_01.jpg"> </td>
  </tr>
  <tr>
    <td height="250" align="left" valign="top" background="https://img.webme.com/pic/c/chazmix/z1_02.jpg"><table width="1000" border="0" cellspacing="0">
      <tr>
        <td width="223" align="center" valign="top">menü</td>
        <td width="8"> </td>
        <td width="710" align="center" valign="top"><div id="content"></div>

 

TASARIM ALTI
Kod:
</td>
        <td width="51"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="120" background="https://img.webme.com/pic/c/chazmix/z1_03.jpg"> </td>
  </tr>
</table>


 

CSS KOD
Kod:
table {margin-left: auto;margin-right: auto}
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:
<style type="text/css">
<!--
body {
background-color: #D3B1AB;
}
-->
</style><table width="1000" border="0" align="center" cellspacing="0">
  <tr>
    <td height="368" background="http://www.ressim.net/out.php/i142209_iiiuuy-01.gif"> </td>
  </tr>
  <tr>
    <td height="227" valign="top" background="http://www.ressim.net/out.php/i142210_iiiuuy-02.gif"><table width="1000" border="0" cellspacing="0">
      <tr>
        <td width="7" height="208"> </td>
        <td width="178" align="center" valign="top">menü</td>
        <td width="775" align="center" valign="top">
<div id="content"></div>
 

TASARIM ALTI
Kod:
</td>
        <td width="10"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="121" background="http://www.ressim.net/out.php/i142211_iiiuuy-03.gif"><table width="1000" border="0" cellspacing="0">
      <tr>
        <td width="203" height="107" rowspan="2"> </td>
        <td width="768" height="32"> </td>
        <td width="8" rowspan="2"> </td>
      </tr>
      <tr>
        <td height="69" align="center" valign="middle">designed bygokhan reklam alanı olabilir burası </td>
      </tr>
    </table></td>
  </tr>
</table>

 

CSS KOD
Kod:
table {margin-left: auto;margin-right: auto}
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"><br />

 

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: 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/tas6_01.gif); width: 1007px; height: 215px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas6_02.gif); width: 1007px; height: 393%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 15px; 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/tas6_03.gif); width: 1007px; height: 160px; float: left; } #kommentartext { background-image: none; } 

 

Reklam
 
alltaki linkleri kullan
 
 
 
Bugün 1 ziyaretçi (2 klik) kişi burdaydı!
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=

Bilgisayar İnternet Toplistler