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 : 19 </li>
      <li><img src="http://www.alimengu.com.nu/nokta.png" border="0" />Çoğul Hit : 444  </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





Bu sayfa hakkındaki son yorum:
Yorumu gönderen::23.07.2012, 14:02 (UTC)
cspluginslerim
cspluginslerim
Kapalı

güzelmiş ya.

Yorumu gönderen::07.04.2012, 19:56 (UTC)
mt2-dizayn
mt2-dizayn
Kapalı

Bence Güzel bi Tasarım. Yayınladıgın için Teşekkür Ediyorum.

Yorumu gönderen::25.09.2011, 08:36 (UTC)
budakimlan
budakimlan
Kapalı

metin2 adlı gerizeklaı arkadaşım mal salak öküz sen beleş tasarım bulmusunda ona dua et mal herif bu adam yayınlamasa sen nerden bulcan bu tasarımlar ilk defa ben burda görüyorum Senin Taaa.aq

Yorumu gönderen::20.09.2011, 17:30 (UTC)
oguzhandurgut
oguzhandurgut
Kapalı

Ali abi CANLI Demo koyarmısın biraz üşengeçimde .d

Yorumu gönderen::05.08.2011, 00:56 (UTC)
alimengu
alimengu
Kapalı

metin2 => Belliki Sen Gerizekalisin kodlarin oynanabilir olduğunu bile anlamiyosun.Boş Boş Yorum Yapip kendinizi rezil etmeyin.

Yorumu gönderen::04.08.2011, 14:00 (UTC)
metin2-yardim-css
metin2-yardim-css
Kapalı

Yaw kardeşim sen gerizekalımısın gidip kendi sitenin başlığını koyuyon reklam yapıyon hay allahm ksuucam.

Yorumu gönderen::23.07.2011, 09:40 (UTC)
giresunteam
giresunteam
Kapalı

Güzel Ve paşarılı Tasarım ama Keşke Diger Tarayıcılarada Optimize etseydin

Yorumu gönderen::13.07.2011, 16:41 (UTC)
n-tasarim
n-tasarim
Kapalı

Güzel bir tasarım eline sağlık böyle paylaşımlarının devamını beklerim Ali abi

Yorumu gönderen::12.07.2011, 07:10 (UTC)
wwebw
wwebw
Kapalı

Bıraktın sanmıştım bs yi. helal olsun..

Yorumu gönderen::10.07.2011, 23:12 (UTC)
cmpunkn
cmpunkn
Kapalı

EWet GErçekten Güzel Bi Tasarım Ellerine Sağlık (:

Yorumu gönderen::10.07.2011, 18:01 (UTC)
08oyun
08oyun
Kapalı

güzel bir tasarım eline emeğine sağlık



Bu sayfa hakkında yorum ekle:
İsminiz:
Mesajın:

Bugün toplam 19 ziyaretçi sitemizi dolaştı.
http://www.mypagerank.net/services/pagerankbutton/pagerankbutton.php?aut=de510918aee37d99078ff98e1f31074c56421665b926a44a75
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=