Ozicabdesign | Mavi LpT Tasarımı (Süper)

ozicab
Gece Gece Canım Sıkıldı ve Sizler için gri-mavi bir Tasarım yapayım dedim ve ortaya böyle bir tasarım çıktı ama çok kullanışlı ve güzel bir tasarım. Yan ve Üst Menülü Kullanışlı Bir Css Tasarım Güle Güle Kullanın.. Kodları Görmek için..

Css Kodu:

Kod:
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; }

  #tasarim {    width: 800px;    margin-right: auto;    margin-left: auto; }

 #ust {    background-image: url(http://img.webme.com/pic/o/ozcamm/ozicabgrimaviv4ust.png);    float: left;    height: 61px;    width: 800px; }

#ustmenu {    width: 773px;    float: left;    height: 47px;    margin-left: 11px;    margin-top: 13px; } #ustmenu ul {    list-style-type: none;    margin: 0px;    padding: 0px; } #ustmenu li {    float: left; }

 #ustmenu a {    height: 35px;    display: block;    color: #000000;    text-decoration: none;    font-family: Verdana;    padding-top: 12px;    text-align: center;    padding-right: 20px;    padding-left: 20px;    border-right-width: 1px;    border-right-style: solid;    border-right-color: #E2E2E2;    font-size: 16px; } #ustmenu a:Hover {    background-color: #D6D6D6; }

#orta {    background-image: url(http://img.webme.com/pic/o/ozcamm/ozicabv4grimaviustorta.png);    float: left;    height: 115px;    width: 800px; }

#orta .ortalogo {    float: left;    width: 273px;    margin-left: 20px;    margin-top: 14px;    height: 78px; } #orta .reklam {    float: right;    height: 68px;    width: 470px;    margin-right: 26px;    margin-top: 14px;    text-align: center;    padding-top: 10px; } #icerik {    float: left;    height: 100%;    width: 800px;    background-image: url(http://img.webme.com/pic/o/ozcamm/ozicabv4grimavicerk.png); } #icerik .sol #menu a { } #icerik .sol {    float: left;    width: 191px;    margin-left: 20px; } #icerik .sol

#kategoribaslik {    width: 191px;    height: 22px;    background-color: #E2E2E2;    font-family: Verdana;    font-size: 16px;    color: #999999;    text-align: center;    padding-top: 5px;    border-bottom-width: 1px;    border-bottom-style: solid;    border-bottom-color: #D8D8D8; } #icerik .sol #menu ul {    list-style-type: none;    margin: 0px;    padding: 0px; } #icerik .sol #menu a {    font-family: Verdana;    text-decoration: none;    color: #000000;    border-bottom-width: 1px;    border-bottom-style: solid;    border-bottom-color: #E5E5E5;    display: block;    padding-top: 2px;    padding-bottom: 2px;    padding-left: 4px; } #icerik .sol #menu a:hover {    background-color: #E6E6E6; } #icerik .sag {    float: right;    width: 539px;    margin-right: 25px;    padding-right: 3px;    padding-left: 3px; } #alt {    background-image: url(http://img.webme.com/pic/o/ozcamm/ozicabv4grimavialt.png);    float: left;    height: 65px;    width: 800px; } #alt .altreklam {    float: right;    height: 60px;    width: 468px;    margin-top: 10px;    margin-right: 160px; } #tasarim #alt .yazi {    width: 700px;    margin-right: auto;    margin-left: 50px;    margin-top: 12px;    height: 20px;    float: left; } #alt .yazi a {    color: #000000; } body,td,th {    font-family: Verdana;    font-size: 14px; } a:visited {    color: #0066EE;    text-decoration: none; } a:link {    text-decoration: none; } a:hover {    text-decoration: underline;    color: #FF0000; } a:active {    text-decoration: none; }

body {    background-image: url(http://img.webme.com/pic/o/ozicabdesign/ozicabacksite.jpg);    background-repeat: repeat; }
Tasarım Altına:
Kod:

</div>    <div class="sol">      <div id="kategoribaslik">
<div style="text-align: center"><img src="http://img.webme.com/pic/s/sebekenet/anamenusss.png" alt="" /></div>

</div>            <div id="menu">        <ul>          <li><a href="#" _fcksavedurl="#">Anasayfa</a></li>          <li><a href="#" _fcksavedurl="#">Hakkimda</a></li>          <li><a href="#" _fcksavedurl="#">Z.Defter</a></li>          <li><a href="#" _fcksavedurl="#">İletisim</a></li>        </ul>      </div>   

<div id="kategoribaslik">
<div style="text-align: center"><img src="http://img.webme.com/pic/s/sebekenet/extras.png" alt="" /></div>

</div>            <div id="menu">        <ul>          <li><a href="#" _fcksavedurl="#">Anasayfa</a></li>          <li><a href="#" _fcksavedurl="#">Hakkimda</a></li>          <li><a href="#" _fcksavedurl="#">Z.Defter</a></li>          <li><a href="#" _fcksavedurl="#">İletisim</a></li>        </ul>      </div>   

<div id="kategoribaslik">
<div style="text-align: center"><img src="http://img.webme.com/pic/s/sebekenet/stats.png" alt="" /></div>
</div>            <div id="menu">        <ul>          <li><a href="#" _fcksavedurl="#">Anasayfa</a></li>          <li><a href="#" _fcksavedurl="#">Hakkimda</a></li>          <li><a href="#" _fcksavedurl="#">Z.Defter</a></li>          <li><a href="#" _fcksavedurl="#">İletisim</a></li>        </ul>      </div>    </div>  </div>    <div id="alt">    <div class="yazi">
<center>
Copyright 2007-2011 | Tüm Hakları Saklıdır! | Designed By <a href="http://ozicabdesign.tr.gg">Ozicabdesign.tr.gg</a></center>

</a></div>            </div> </div>
Tasarım Üstüne:
Kod:
<div id="tasarim">
<div id="ust">

  <div id="ustmenu">      <ul>        <li><a href="#" _fcksavedurl="#">Anasayfa</a></li>        <li><a href="#" _fcksavedurl="#">Hakkimda</a></li>        <li><a href="#" _fcksavedurl="#">Z.Defteri</a></li>        <li><a href="#" _fcksavedurl="#">İletisim</a></li>      <li><a href="#" _fcksavedurl="#">Destek Ol!</a></li>    <li><a href="#" _fcksavedurl="#">Webmaster</a></li>    <li><a href="#" _fcksavedurl="#">SSS</a></li>    </ul>    </div>  </div>
<div id="orta"> 

<div class="ortalogo">
<p><a href="http://www.ozicabdesign.tr.gg"><img border="0" width="273" height="61" alt="" src="http://img.webme.com/pic/o/ozicabdesign/6716logoo.png" /></a></p>

</div> 

<div class="reklam">   
 <div><div style="text-align: center"><span class="Apple-style-span" style="widows: 2; text-transform: none; text-indent: 0px; border-collapse: separate; font: medium 'Times New Roman'; white-space: normal; orphans: 2; letter-spacing: normal; color: rgb(0,0,0); word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><span class="Apple-style-span" style="text-align: center"><span style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: Arial; padding-top: 0px"><a href="http://ozicabdesign.tr.gg" _fcksavedurl="http://ozicabdesign.tr.gg"><img border="0" width="468" height="60" alt="" src="http://img.webme.com/pic/o/ozicabdesign/ozicabanner1.gif" _fcksavedurl="http://img.webme.com/pic/o/ozicabdesign/ozicabanner1.gif" /></a></span></span></span></div>    </div> </div>    </div>  <div id="icerik">    <div class="sag">

Yorumlar

Yorum Gönder

Yorumlarınız ve Görüşleriniz Bizim için Önemlidir..

Bu blogdaki popüler yayınlar

Gta Türk City Full İndir

ozicab 1 yorum
Resim
: - :  www.fulloyun.com : Mevcut : Sanal Sürücü : Max Payne : 9 (200 MB) :  Daemon Tool's İndirmek için Tıklayın. This image has been resized. Click this bar to view the full image. The original image is sized 1024x768. This image has been resized. Click this bar to view the full image. The original image is sized 1024x768. This image has been resized. Click this bar to view the full image. The original image is sized 1024x768. This image has been resized. Click this bar to view the full image. The original image is sized 1024x768. Oyunu yüklemeniz için herhangi bir GTA nın versiyonuna ihtiyaç yoktur,tek indirip oynayabilirsiniz.Paketteki yenilikler şunlardır; Tüm arabalar değiştirildi. Yerlerine Türk arabaları (Tofaş Kartal, Murat 131, VW Vosvos, Fiat Uno vs.) Bisiklet, Nfs Underground arabaları ve diğer tanınmış yabancı araçlar konuldu. Kurşun izleri renkli olarak değiştirildi. Pizzacı Mc Donald's ile ,benzinci Petrol Ofisi ile değiş...
Devamı

Sosyal Paylaşım Siteleri Takip Et İkonları

ozicab Yorum Gönder
Resim
Günümüzde sosyal paylaşım ve arkadaşlık siteleri gitgitde Türkiye’de yaygınlaşmakta bizde bunu görerek sosyal içerikli sitelerin rss tarzı ikonlarını sizlerle paylaşmak istedik. sıkıştırılmış dosya içerisinde çok fazla sosyal gruplarının linki bulunmasada çok sık kullanılan facebook, twitter v.b. portalların iconları bulunmakta e bunları nerde ne şekilde kullanacağınızda size kalmış durumda.
Devamı