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
Kapalı |
güzelmiş ya. |
| Yorumu gönderen:: | 07.04.2012, 19:56 (UTC) | 
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
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
Kapalı |
Ali abi CANLI Demo koyarmısın biraz üşengeçimde .d |
| Yorumu gönderen:: | 05.08.2011, 00:56 (UTC) | 
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
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
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
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
Kapalı |
güzel bir tasarım eline emeğine sağlık |
|
Bu sayfa hakkında yorum ekle:
Web 
Anasayfa