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 : 20 </li>
      <li><img src="http://www.alimengu.com.nu/nokta.png" border="0" />Çoğul Hit : 67  </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)
(locked user)
Bıraktın sanmıştım bs yi. helal olsun..

Yorumu gönderen::10.07.2011, 23:12 (UTC)
(locked user)
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 20 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