Ali Mengü | Kişisel Web Sayfasi

Gri&Beyaz Tasarim

Orjinal Boyutta Görebilmek İçin Resme Tıklayın

Arkadaslar V4 Tasarim olarak Düsünmüstüm Fakat Son Anda Fikrimi Değistirdim.Menuyu Kendim kodladim.Kategori Resimlerini istediğiniz gibi değişebiliyorsunuz.Tasarimi Sizlere Sunuyorum.Güle Güle Kullanin.

Tasarim Üstü

<table width="908" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td height="208" background="https://img.webme.com/pic/a/alimengu/v4desing_01.png"><table width="908" height="188" border="0" cellpadding="0" cellspacing="0">

      <tr>

        <td width="16">&nbsp;</td>

        <td width="284"><div align="center">Buraya Logo Gelicek</div></td>

        <td width="79">&nbsp;</td>

        <td width="250"><div id="teknobilgi"><img alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a href="#">Buraya Yazi Gelicek</a><br />

            <img alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a href="#">Buraya Yazi Gelicek</a><br />

            <img alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a href="#">Buraya Yazi Gelicek</a><br />

            <img alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a href="#">Buraya Yazi Gelicek</a><br />

            <img alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a href="#">Buraya Yazi Gelicek</a><br />

            <img alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a href="#">Buraya Yazi Gelicek</a><br />

            <img alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a href="#">Buraya Yazi Gelicek</a><br />

          <img alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a href="#">Buraya Yazi Gelicek</a></div></td>

        <td width="249"><div id="teknobilgi"><img alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a href="#">Buraya Yazi Gelicek</a><br />

            <img alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a href="#">Buraya Yazi Gelicek</a><br />

            <img alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a href="#">Buraya Yazi Gelicek</a><br />

            <img alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a href="#">Buraya Yazi Gelicek</a><br />

            <img alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a href="#">Buraya Yazi Gelicek</a><br />

            <img alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a href="#">Buraya Yazi Gelicek</a><br />

            <img alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a href="#">Buraya Yazi Gelicek</a><br />

          <img alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a href="#">Buraya Yazi Gelicek</a></div></td>

        <td width="30">&nbsp;</td>

      </tr>

    </table></td>

  </tr>

  <tr>

    <td background="https://img.webme.com/pic/a/alimengu/v4desing_02.png"><table width="908" border="0" cellspacing="0" cellpadding="0">

      <tr>

        <td width="22">&nbsp;</td>

        <td width="238" valign="top"><div id="baslik">

          <div class="icon"><img alt="http://cdn1.iconfinder.com/data/icons/officeicons/PNG/32/Home.png" src="http://cdn1.iconfinder.com/data/icons/officeicons/PNG/32/Home.png" /></div>

          <div class="isim">Site Menu</div>

        </div>

          <div id="menu">

            <ul>

              <li><a href="/"><img src="http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/actions/gtk-media-play-ltr.png" alt="http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/actions/gtk-media-play-ltr.png" border="0" />Anasayfa</a></li>

              <li><a href="http://alimengu.tr.gg/hakkimda.htm"><img src="http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/actions/gtk-media-play-ltr.png" alt="http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/actions/gtk-media-play-ltr.png" border="0" />Hakkimda</a></li>

              <li><a href="http://alimengu.tr.gg/top-liste.htm"><img src="http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/actions/gtk-media-play-ltr.png" alt="http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/actions/gtk-media-play-ltr.png" border="0" />Topliste</a></li>

              <li><a href="http://alimengu.tr.gg/Ziyaret&ccedil;i-defteri.htm"><img src="http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/actions/gtk-media-play-ltr.png" alt="http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/actions/gtk-media-play-ltr.png" border="0" />Z.Defteri</a></li>

              <li><a href="http://alimengu.tr.gg/Online-&#304;letisim.htm"><img src="http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/actions/gtk-media-play-ltr.png" alt="http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/actions/gtk-media-play-ltr.png" border="0" />Online &#304;letisim</a></li>

              <li><a href="http://alimengu.tr.gg/iletisim.htm"><img src="http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/actions/gtk-media-play-ltr.png" alt="http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/actions/gtk-media-play-ltr.png" border="0" />&#304;letisim</a></li>

            </ul>

          </div><div id="baslik">

          <div class="icon"><img alt="http://cdn1.iconfinder.com/data/icons/officeicons/PNG/32/Folder_01.png" src="http://cdn1.iconfinder.com/data/icons/officeicons/PNG/32/Folder_01.png" /></div>

          <div class="isim">Blog</div>

        </div>

          <div id="menu">

            <ul>

              <li><a href="http://alimengu.tr.gg/webmasteranlatim.htm"><img src="http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/actions/gtk-media-play-ltr.png" alt="http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/actions/gtk-media-play-ltr.png" border="0" />Webmaster</a></li>

              <li><a href="http://alimengu.tr.gg/tasarimlar2.htm"><img src="http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/actions/gtk-media-play-ltr.png" alt="http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/actions/gtk-media-play-ltr.png" border="0" />Tasarimlar</a></li>

              <li><a href="http://alimengu.tr.gg/anlatimlar.htm"><img src="http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/actions/gtk-media-play-ltr.png" alt="http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/actions/gtk-media-play-ltr.png" border="0" />Anlatimlar</a></li>

            </ul>

          </div></td>

        <td width="12">&nbsp;</td>

        <td width="606" valign="top"><div id="aliicerik"></div>

Tasarim Alti

</td>

        <td width="30">&nbsp;</td>

      </tr>

    </table></td>

  </tr>

  <tr>

    <td height="80" background="https://img.webme.com/pic/a/alimengu/v4desing_03.png"><table width="908" height="73" border="0" cellpadding="0" cellspacing="0">

      <tr>

        <td width="181">&nbsp;</td>

        <td width="19">&nbsp;</td>

        <td width="455"><div id="copyright">Bu Tasarim <a href="http://alimengu.tr.gg" target="_blank">Ali Meng&uuml;</a> Tarafindan Yapilmi&#351;tir</div></td>

        <td width="155">&nbsp;</td>

        <td width="98">&nbsp;</td>

      </tr>

    </table></td>

  </tr>

  

</table>

Css Kodu

h1#title{displary: none;}

#copyright {

    margin-top: 15px;

}

h2#title span {display: none;}

div.header{display: none;}

li.nav_element{list-style-type: none;}

li.nav_element{display: none;}

table {

margin-left:auto;

margin-right:auto;

}





body,td,th {

    font-family: Verdana;

    font-size: 14px;

}

a:link {

    color: #0066CC;

    text-decoration: none;

}

a:visited {

    text-decoration: none;

    color: #0066CC;

}

a:hover {

    text-decoration: underline;

    color: #FF0000;

}

a:active {

    text-decoration: none;

    color: #0066CC;

}

#baslik {

    height: 32px;

    width: 238px;

    background-image: url(https://img.webme.com/pic/a/alimengu/baslik.png);

    color: #666666;

    font-family: Verdana;

    font-size: 16px;

}

#menu {

}

#menu ul {

    margin: 0px;

    padding: 0px;

    list-style-type: none;

}

#menu a:hover {

    background-color: #D7D7D7;

}

#menu a {

    display: block;

    padding-top: 4px;

    padding-bottom: 4px;

    padding-left: 0px;

    text-decoration: none;

    color: #000000;

    margin-left: 0px;

    border-top-width: 1px;

    border-right-width: 1px;

    border-bottom-width: 1px;

    border-left-width: 1px;

    border-top-color: #999999;

    border-right-color: #999999;

    border-bottom-color: #999999;

    border-left-color: #999999;

    border-bottom-style: dotted;

}

#baslik .icon {

    float: left;

    height: 32px;

    width: 32px;

    margin-left: 8px;

}

#baslik .isim {

    width: 180px;

    height: 26px;

    margin-left: 50px;

    padding-top: 6px;

    text-align: center;

}

body {

    background-color: #DBDBDB;

}