closeSitedeki bazı videolar Youtube'ta yaptığım bir hata nedeniyle çalışmamaktadır..

Ali Mengü | Kişisel Web Sayfasi

Ali Mengü İnterface Tasarimi

Arkadaslar Yeni Bir Tasarimla Karşinizdayim İnterface Css Design Sizlerle

PSD,HTML,RESİMLER için aşağıdaki dosyayi indirebilirsiniz.
İnterface.rar
Şifre ; alimengu

Tasarim Üstü ;
<div id="tasarim">
<div id="ust">
  <div class="menu">
    <ul>
      <li><a href="http://alimengu.tr.gg/">Anasayfa</a></li>
      <li><a href="http://alimengu.tr.gg/hakkimda.htm">Hakkimda</a></li>
      <li><a href="http://alimengu.tr.gg/Ziyaret%E7i-defteri.htm">Z.defteri</a></li>
      <li><a href="http://alimengu.tr.gg/Sitenicin.htm">Web</a></li>
      <li><a href="http://alimengu.tr.gg/iletisim.htm">İletisim</a></li>
    </ul>
   </div>
   <div class="logo"><a href="/"><img src="http://alimengu.com.nu/alilogo.png" border="0" /></a></div>
</div>

<div id="ekstra">
  <div class="aramamotoru"><form id="cse-search-box" action="http://www.alimengu.tr.gg/Arama.htm">
    <div>
    <input type="hidden" value="018388718583779314988:5qqp4mj7nh0 " name="cx" />     <input type="hidden" value="FORID:10" name="cof" />
    <input type="hidden" value="UTF-8" name="ie" />     <input type="text" size="18" name="q" />     <input type="submit" value="Ara" name="sa" /></div>
</form
</div>
  <div id="ek1"><a href="http://alimengu.tr.gg/Ziyaret%E7i-defteri.htm"><img src="http://alimengu.com.nu/Comments.png" border="0" /></a></div>
  <div class="ustreklam"></div>
</div>
<div id="icerik">
  <div class="content">

Tasarim Alti ;
</div>
  <div class="kutu">
<h4>HIZLI MENU</h4>
     <ul>
      <li><a href="http://alimengu.tr.gg/"><img src="http://www.alimengu.com.nu/nokta.png" border="0" /> Anasayfa</a></li>
      <li><a href="http://alimengu.tr.gg/hakkimda.htm"><img src="http://www.alimengu.com.nu/nokta.png" border="0" /> Hakkimda</a></li>
      <li><a href="http://alimengu.tr.gg/calismalarim.htm"><img src="http://www.alimengu.com.nu/nokta.png" border="0" /> Çalişmalarim</a></li>
      <li><a href="http://alimengu.tr.gg/top-liste.htm"><img src="http://www.alimengu.com.nu/nokta.png" border="0" />  Topliste</a></li>
      <li><a href="http://alimengu.tr.gg/gazete.htm"><img src="http://www.alimengu.com.nu/nokta.png" border="0" /> Abone Ol</a></li>
      <li><a href="http://alimengu.tr.gg/Online-%26%23304%3Bletisim.htm"><img src="http://www.alimengu.com.nu/nokta.png" border="0" />  Online İletisim</a></li>
     </ul>
    </div>
  <div class="kutu">
    <h4>TEKNO BİLGİ</h4>
     <ul>
      <li><a href="http://alimengu.tr.gg/google-nedir.htm"><img src="http://www.alimengu.com.nu/nokta.png" border="0" />  Google Nedir?</a></li>
      <li><a href="http://alimengu.tr.gg/googlenin-tarihi.htm"><img src="http://www.alimengu.com.nu/nokta.png" border="0" />  Googlenin Tarihi</a></li>
      <li><a href="http://alimengu.tr.gg/sitemap-nedir.htm"><img src="http://www.alimengu.com.nu/nokta.png" border="0" />  Sitemap Nedir?</a></li>
      <li><a href="http://alimengu.tr.gg/modifiye-siteler.htm"><img src="http://www.alimengu.com.nu/nokta.png" border="0" />  Modifiye Siteler</a></li>
      <li><a href="http://alimengu.tr.gg/simgeler.htm"><img src="http://www.alimengu.com.nu/nokta.png" border="0" />  Simgeler</a></li>
      <li><a href="#"><img src="http://www.alimengu.com.nu/nokta.png" border="0" />  Aşk Sevgi</a></li>
      <li><a href="http://alimengu.tr.gg/msnnickleri.htm"><img src="http://www.alimengu.com.nu/nokta.png" border="0" />  Msn Nickleri</a></li>
      <li><a href="http://alimengu.tr.gg/cevrevedoga.htm"><img src="http://www.alimengu.com.nu/nokta.png" border="0" /> Çevre ve Doğa</a></li>
      <li><a href="http://alimengu.tr.gg/flashoyunlar.htm"><img src="http://www.alimengu.com.nu/nokta.png" border="0" /> Flash Oyunlar</a></li>
     </ul>
  </div>
  <div class="kutu"><h4>BLOG</h4>
     <ul>
      <li><a href="http://alimengu.tr.gg/webmasteranlatim.htm"><img src="http://www.alimengu.com.nu/nokta.png" border="0" />  WebMaster</a></li>
      <li><a href="http://alimengu.tr.gg/Bedava-Sitem-İçin-Css-Tasarimlar.htm"><img src="http://www.alimengu.com.nu/nokta.png" border="0" />  Tasarimlar</a></li>
      <li><a href="http://alimengu.tr.gg/anlatimlar.htm"><img src="http://www.alimengu.com.nu/nokta.png" border="0" />  Dersler</a></li>

     </ul></div>
          <div class="kutu">
       <h4>TOPLİSTE</h4>
       <ul>
      <li><a href="http://alimengu.tr.gg/?out=26" target="_blank"><img src="http://www.alimengu.com.nu/nokta.png" border="0" /> OgunDunyasi</a></li>
      <li><a href="http://alimengu.tr.gg/?out=17" target="_blank"><img src="http://www.alimengu.com.nu/nokta.png" border="0" /> Code Max</a></li>
      <li><a href="http://alimengu.tr.gg/?out=34" target="_blank"><img src="http://www.alimengu.com.nu/nokta.png" border="0" /> Yusuf Berki</a></li>
       </ul>
    </div>
              <div class="kutu">
       <h4>LİNK TAKAS</h4>
       <ul>
      <li><a href="http://bilgisayarfareleri.tr.gg/" target="_blank"><img src="http://www.alimengu.com.nu/nokta.png" border="0" /> Bilgisayar Fareleri</a></li>
      <li><a href="http://mesajlardiyari.tr.gg/" target="_blank"><img src="http://www.alimengu.com.nu/nokta.png" border="0" /> Mesajlar Diyari</a></li>
      <li><a href="http://exporler.tr.gg/" target="_blank"><img src="http://www.alimengu.com.nu/nokta.png" border="0" /> Exporler</a></li>
       <li><a href="http://kral-html-kodlari.tr.gg/" target="_blank"><img src="http://www.alimengu.com.nu/nokta.png" border="0" /> Kral-html-kodlari</a></li>
       <li><a href="http://5rize3.tr.gg/" target="_blank"><img src="http://www.alimengu.com.nu/nokta.png" border="0" /> 5rize3</a></li>
       </ul>
    </div>
         <div class="kutu">
       <h4>İSTATİSTİK</h4>
       <ul><li><img src="http://www.alimengu.com.nu/nokta.png" border="0" />Tekil Hit : 50 </li>
      <li><img src="http://www.alimengu.com.nu/nokta.png" border="0" />Çoğul Hit : 249  </li>
      <li><img src="http://www.alimengu.com.nu/nokta.png" border="0" />Online :
        <script type="text/javascript" src="http://fastonlineusers.com/on3.php?d=www.alimengu.tr.gg"></script></li>
      <li></li>
       </ul>
       </div>
     <div class="kutu">
       <h4>META</h4>
       <ul>
      <li><a href="http://alimengu.tr.gg/uyeol.htm"><img src="http://www.alimengu.com.nu/nokta.png" border="0" /> Kayıt Ol</a></li>
      <li><a href="http://alimengu.tr.gg/giris.htm"><img src="http://www.alimengu.com.nu/nokta.png" border="0" /> Giriş Yap</a></li>
      </ul>
     </div>
    
</div>
<div id="alt">
  <div class="reklam"><a href="#"><img src="http://img519.imageshack.us/img519/9042/adbanner3lz8.jpg" alt="http://img519.imageshack.us/img519/9042/adbanner3lz8.jpg" border="0" /></a></div>
  <div class="yazi">
    <p>Tüm Hakkı Saklıdır</p>
    <p>Tasarim ALİ MENGÜ tarafindan yapilmiştir</p>
    <p>Tasarim ve içerik İzinsiz Alinamaz</p>
  </div>
</div>
</div>

CSS Kodu ;
h1#title{displary: none;}
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;
}

a:link {
    color: #0066CC;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #0066CC;
}
a:hover {
    text-decoration: none;
    color: #FF0000;
}
a:active {
    text-decoration: none;
}

body {
background-image: url(https://img.webme.com/pic/a/alimengu/bgbody2.gif);
    background-attachment:fixed;
}

#tasarim {
    width: 848px;
    margin-right: auto;
    margin-left: auto;
}
#ust {
    background-image: url(http://alimengu.com.nu/alitasarim12.png);
    float: left;
    height: 46px;
    width: 848px;
}
#ust .menu {
    width: 397px;
    float: right;
    height: 38px;
    margin-top: 8px;
    margin-right: 42px;
}
#ust .menu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#ust .menu li {
    float: left;
}
#ust .menu a {
    display: block;
    height: 29px;
    font-family: Verdana;
    padding-top: 9px;
    padding-right: 10px;
    padding-left: 10px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #D5D5D5;
    color: #000000;
    text-decoration: none;
    font-size: 14px;
}
#ekstra .aramamotoru {
    float: right;
    width: 235px;
    margin-right: 20px;
    height: 45px;
    padding-left: 15px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #AEAEAE;
    padding-top: 25px;
}
#ekstra #ek1 a {
    display:block;
    height:69px;
    margin: 0px;
    float: left;
}

#ekstra #ek1 a:hover {
    background-image: url(http://alimengu.com.nu/hover.png);
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #AEAEAE;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #AEAEAE;
}

#ust .menu a:hover {
    color: #000000;
    background-image: url(http://alimengu.com.nu/hover.png);
}
#ust .logo {
    float: left;
    width: 340px;
    height: 40px;
    margin-top: 3px;
    margin-left: 15px;
}
#ekstra {
    background-image: url(http://alimengu.com.nu/alitasarim22.png);
    height: 81px;
    width: 848px;
    float: left;
}

#icerik {
    background-image: url(http://alimengu.com.nu/alitasarim35.png);
    height: 100%;
    width: 848px;
    float: left;
}
#icerik .content {
    float: right;
    width: 621px;
    margin-right: 12px;
    padding-right: 3px;
    padding-left: 3px;
}
#icerik .kutu {
    width: 183px;
    margin-left: 14px;
    border: 1px solid #AEAEAE;
    padding: 4px;
    margin-top: 2px;
    margin-bottom: 5px;
    background-color: #EAEAEA;
}
#icerik .kutu a {
    color: #000000;
    text-decoration: none;
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #999999;
    padding-bottom: 3px;
}
#icerik .kutu a:hover {
    color: #000000;
    background-color: #E6E6E6;
}
#ekstra #ek1 {
    float: left;
    height: 70px;
    width: 86px;
    margin-left: 15px;
}
#ekstra .duyuru {
}
#ekstra #ek1 img {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #D0D0D0;
    padding-right: 10px;
    margin-left: 10px;
}
#icerik .kutu h4 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-left: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1px;
    margin-left: 0px;
}
#icerik .kutu ul {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    list-style-type: none;
}
#alt {
    background-image: url(http://alimengu.com.nu/alitasarim42.png);
    float: left;
    height: 116px;
    width: 848px;
}
#alt .reklam {
    height: 60px;
    width: 468px;
    float: right;
    margin-top: 25px;
    margin-right: 25px;
    border: 1px solid #000000;
}
#alt .yazi {
    margin-top: 25px;
    width: 325px;
    text-align: left;
    padding-left: 25px;
}
#alt .yazi p {
    padding: 0px;
    margin: 0px;
}
body,td,th {
    font-family: Verdana;
    font-size: 14px;
}

label {
  width:200px;
  display:block;
  float:left;
}

input {
  border:1px solid #AEAEAE;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  padding-left:5px;
  padding-right:5px;

 
}

textarea {
  border:1px solid #AEAEAE;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;

}

input.submit {
    border:1px solid #AEAEAE;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    background-image:url(http://www.alimengu.com.nu/ara.png);
    background-color:#fff;
    font-weight:bold;
    color:#E3E3E3;
  }
 
hr {    border: 0;
    border-top: 1px solid #e0e0e0;

    color: white;}
   
/* ** allowed ** Edit By http://alimengu.tr.gg {alimengu|alimengu.tr.gg} */img[src="http://theme.webme.com/smiles/wink.gif"] { background-image:url(http://lcontent.ebuddy.com/web/va1.4.11/gfx/emoticons/msn/icon_03.gif);background-repeat:no-repeat;height:0px;width:0px;padding:10px;}img[src="http://theme.webme.com/smiles/smiley.gif"] { background-image:url(http://lcontent.ebuddy.com/web/va1.4.11/gfx/emoticons/msn/icon_01.gif);background-repeat:no-repeat;height:0px;width:0px;padding:10px;} img[src="http://theme.webme.com/smiles/cheesy.gif"] { background-image:url(http://lcontent.ebuddy.com/web/va1.4.11/gfx/emoticons/msn/icon_02.gif);background-repeat:no-repeat;height:0px;width:0px;padding:10px;} img[src="http://theme.webme.com/smiles/angry.gif"] { background-image:url(http://lcontent.ebuddy.com/web/va1.4.11/gfx/emoticons/msn/icon_07.gif);background-repeat:no-repeat;height:0px;width:0px;padding:10px;} img[src="http://theme.webme.com/smiles/sad.gif"] { background-image:url(http://lcontent.ebuddy.com/web/va1.4.11/gfx/emoticons/msn/icon_10.gif);background-repeat:no-repeat;height:0px;width:0px;padding:10px;} img[src="http://theme.webme.com/smiles/shocked.gif"] { background-image:url(http://lcontent.ebuddy.com/web/va1.4.11/gfx/emoticons/msn/icon_12.gif);background-repeat:no-repeat;height:0px;width:0px;padding:10px;} img[src="http://theme.webme.com/smiles/cool.gif"] { background-image:url(http://lcontent.ebuddy.com/web/va1.4.11/gfx/emoticons/msn/icon_06.gif);background-repeat:no-repeat;height:0px;width:0px;padding:10px;} img[src="http://theme.webme.com/smiles/huh.gif"] { background-image:url(http://lcontent.ebuddy.com/web/va1.4.11/gfx/emoticons/msn/thumbs_up.gif);background-repeat:no-repeat;height:0px;width:0px;padding:10px;} img[src="http://theme.webme.com/smiles/rolleyes.gif"] { background-image:url(http://lcontent.ebuddy.com/web/va1.4.11/gfx/emoticons/msn/icon_17.gif);background-repeat:no-repeat;height:0px;width:0px;padding:10px;} img[src="http://theme.webme.com/smiles/tongue.gif"] { background-image:url(http://lcontent.ebuddy.com/web/va1.4.11/gfx/emoticons/msn/icon_05.gif);background-repeat:no-repeat;height:0px;width:0px;padding:10px;} img[src="http://theme.webme.com/smiles/undecided.gif"] { background-image:url(http://lcontent.ebuddy.com/web/va1.4.11/gfx/emoticons/msn/icon_08.gif);background-repeat:no-repeat;height:0px;width:0px;padding:10px;} img[src="http://theme.webme.com/smiles/cry.gif"] { background-image:url(http://lcontent.ebuddy.com/web/va1.4.11/gfx/emoticons/msn/icon_11.gif);background-repeat:no-repeat;height:0px;width:0px;padding:10px;}

i {

    padding : 5px;
    text-align : left;
    display : block;
    overflow : auto;
    font : 500 1em/1.5em 'Verdana';
    border : 1px solid #cccccc;
    -moz-border-radius: 5px 5px 5px 5px;  border-radius: 5px 5px 5px 5px;
}


table[width="80%"] {
    padding: 20px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #e0e0e0;
    border-right-color: #e0e0e0;
    border-left-color: #e0e0e0;
    height: 100%;
}
table[width="25%"] {
    padding: 20px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #e0e0e0;
    border-right-color: #e0e0e0;
    border-left-color: #e0e0e0;
   
}

code {
    margin : 4px 8px;
    padding : 8px;
    text-align : left;
    display : block;
    overflow : auto;
    font : 500 1em/1.5em 'Courier New', 'courier new', monospace;
    border : 1px dashed #D7C3C3; background: #f8f4f1; }
}
#ekstra .ustreklam {
    float: left;
    height: 60px;
    width: 468px;
    margin-top: 5px;
    margin-left: 4px;
}


Tasarim Mozilla FireFox Tarayicisina Optimize Edilmiştir

Bugün toplam 50 ziyaretçi sitemizi dolaştı.
http://www.mypagerank.net/services/pagerankbutton/pagerankbutton.php?aut=de510918aee37d99078ff98e1f31074c56421665b926a44a75
İçerik bölümünün altındaki bilgi (mesela Copyright)
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol