Psd To Css Index of

modern 31

Modern - 31 nolu Tasarım

Özellikler ;
Tasarım ful css dir.
Tasarım şık şekilde dizayn edilmiştir.
Kişisel siteler için ideal olabilir.
Logo kısmı yazı şekindedir kolaylıkla değişebilir.
Kendi logonuzu koyabilirsiniz.
Tüm menuler text dir kolaylıkla değişebilir.
Tasarım ayrıca ie8 de ve mozilla firefox da sorunsuz çalışıyor.

Kodlar;
Tasarım Üstü

<body>
<div id="site">

<div id="header">
<div id="slogangenel">
<div class="slogan"><b>PsdtoCss.Tr.Gg</b></div>
<div class="slogan1">Free Css Templates-</div>
</div>
<div id="reklamalani"><a href="#"><img src="https://img.webme.com/pic/p/psdtocss/reklam-31.png" border="0" width="421" height="93" title="Hekesi Güzü Burada Uygun Fiyatlara Reklam Alani.." /></a></div>
</div>

<div id="ustmenubg">
<div class="ustmenu"><a href="#">Ana Sayfa</a><img class="cz1" src="https://img.webme.com/pic/p/psdtocss/ustmenucz-31.png" /></div>
<div class="ustmenu"><a href="#">Siten Için</a><img class="cz1" src="https://img.webme.com/pic/p/psdtocss/ustmenucz-31.png" /></div>
<div class="ustmenu"><a href="#">Top Liste</a><img class="cz1" src="https://img.webme.com/pic/p/psdtocss/ustmenucz-31.png" /></div>
<div class="ustmenu"><a href="#">Yeni Ekle</a><img class="cz1" src="https://img.webme.com/pic/p/psdtocss/ustmenucz-31.png" /></div>
<div class="ustmenu"><a href="#">Yeni Ekle</a><img class="cz1" src="https://img.webme.com/pic/p/psdtocss/ustmenucz-31.png" /></div>
<div class="ustmenu"><a href="#">Yeni Ekle</a><img class="cz1" src="https://img.webme.com/pic/p/psdtocss/ustmenucz-31.png" /></div>
<div class="ustmenu"><a href="#">Yeni Ekle</a><img class="cz1" src="https://img.webme.com/pic/p/psdtocss/ustmenucz-31.png" /></div>
</div>

<div class="clear"></div>
<div id="icerik">
<div id="sol">
<div class="solmenu">Sol menu</div>
<div class="solmenu1"><img class="cz2" src="https://img.webme.com/pic/p/psdtocss/ustmenucz-31.png" /><a href="#">Ana Sayfa</a></div>
<div class="solmenu1"><img class="cz2" src="https://img.webme.com/pic/p/psdtocss/ustmenucz-31.png" /><a href="#">Siten Için</a></div>
<div class="solmenu1"><img class="cz2" src="https://img.webme.com/pic/p/psdtocss/ustmenucz-31.png" /><a href="#">Top Liste</a></div>
<div class="solmenu1"><img class="cz2" src="https://img.webme.com/pic/p/psdtocss/ustmenucz-31.png" /><a href="#">Siten Için</a></div>
<div class="solmenu1"><img class="cz2" src="https://img.webme.com/pic/p/psdtocss/ustmenucz-31.png" /><a href="#">Yeni Ekle</a></div>
<div class="solmenu1"><img class="cz2" src="https://img.webme.com/pic/p/psdtocss/ustmenucz-31.png" /><a href="#">Yeni Ekle</a></div>
<div class="solmenu1"><img class="cz2" src="https://img.webme.com/pic/p/psdtocss/ustmenucz-31.png" /><a href="#">Yeni Ekle</a></div>
<div class="solmenu1"><img class="cz2" src="https://img.webme.com/pic/p/psdtocss/ustmenucz-31.png" /><a href="#">Yeni Ekle</a></div>
</div>
<div id="sag">

Tasarım Altı

Css Kod

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} table {margin:auto;}
/*ByGokhan Web-Dizayn */
* {margin:0px; padding:0px;}
html,body {font-family:arial; background:#443b3b;}
a {color:#000;text-decoration:none;}
#site {width:879px; margin:auto;}
/* Header Bölümü */
#header {width:879px; height:114px; background: url(https://img.webme.com/pic/p/psdtocss/header-31.png);}
#slogangenel {float:left; width:220px;}
.slogan {color:#0000; font-family:arial; font-size:24px; padding:25px 0px 0px 45px;}
.slogan1 {color:#0000; font-family:arial; font-size:12px; padding:0px 0px 0px 45px;}
#reklamalani {width:421px; float:right; margin:9px 15px 0px 0px;}
#reklamalani:hover {border:dashed 1px #443b3b;}
/* Üst Menu */
#ustmenubg {background: url(https://img.webme.com/pic/p/psdtocss/ustmenubg-31.png); width:879px; height:42px}
.ustmenu {float:left; font-weight:bold; color:#000000; font-size:12px; padding:10px 0px 0px 20px;}
.cz1 {vertical-align:middle; padding-left:15px;}
.ustmenu a:hover {color:#443b3b;}
/* İçerik Bölümü */
.clear {clear:left;}
#icerik {clear:left; width:859px; height:100%; min-height:100%; background:#e1e0e0; padding:6px 10px 10px 10px;}
#sag {background:#fafafa; width:694px; border:solid 1px #9fa2a1; padding:0px 5px 0px 5px; float:left;}
#clear {clear:left;}
#sol {background:#fafafa; width:130px; border:solid 1px #9fa2a1; padding:0px 5px 0px 5px;float:left; margin-right:5px;}
.solmenu {background: url(https://img.webme.com/pic/p/psdtocss/solbg-31.png); width:129px; height:24px; padding:5px 0px 0px 0px; text-align:center; color:#443b3b; font-family:tahoma; font-weight:bold; font-size:15px; font-style:italic;}
.solmenu1 {color:#443b3b; font-weight:bold; font-size:13px; padding:5px 0px 8px 1px;}
.solmenu1 a:hover {color:#443b3b;}
.cz2 {vertical-align:middle; margin-right:5px;}
/* Footer Bölümü */
#footer {background: url(https://img.webme.com/pic/p/psdtocss/footer-31.png); width:879px; height:31px}

"Photoshop ve Css ile Harikalar Yaratabilirsiniz"

Psd To Css Index of

modern 31