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