Gelismis CSS Tasarim

Merhaba Takipçilerim Bu Yazımda Sizlere İşinize Yarayabilecek Bir Gelişmiş CSS Tasarımı Göstereceğim

Peki Nedir Bu Gelişmiş Tasarım ?

Gelişmiş Tasarım Bedava - Sitem İçin Geliştirilmiş Bir CSS Tasarımdır Fakat Bu Tasarımların Diğer Tasarımlardan Farkı Eklediğiniz Sayfalar Otomatik Olarak Menü'ye Geliyor Ve Genellikle Sadece CSS Kodlardan Oluşur

Tasarımı Kullanmak İçin İlk Önce Tasarım Ayarları Kısmından CSS Design'i Seçmelisiniz Ondan Sonra Verdiğim Kodları Gerekli Yerle Yazdıktan Sonra Hiç Bir Sorun Kalmaz

Tasarımın Önizlemesi

Tasarımı Görmek İçin Bana Tıkla

Tasarımın Kodları

Tasarımın Üstü

CSS Kodu

#nav_container {
color:#FFF;
text-decoration:none;
background-color:#222;
height:40px;
width:800px;
-webkit-box-shadow:0 0 5px #222;
box-shadow:0 0 5px #222)
}

#content {
width:780px;
background-color:#fff;
-webkit-box-shadow:0 0 5px #222;
box-shadow:0 0 5px #222);
padding:10px;
margin-top:20px;
min-height:500px
}

.nav_element.checked_menu {
background-color:#06F
}

#nav_container ul li {
float:left
}

#nav {
margin:0;
padding:0;
list-style-type:none
}

.menu {
color:#FFF;
text-decoration:none;
line-height:40px;
padding:10px 20px 11px
}

.nav_element:hover {
-webkit-transition:250ms;
background-color:#06F
}

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

#content h2 {
margin:0;
color:#222;
background-color:#F1F1F1;
padding:5px;
border:1px solid #CCC;
margin-bottom: 10px;
border-radius:5px
}

#counter {
background-color:#fff;
-webkit-box-shadow:0 0 5px #222;
box-shadow:0 0 5px #222);
text-align:center;
padding:5px
}
table {margin-left: auto;margin-right: auto}
div.header{display: none;}

Tasarım Kodları Bu Kadar Arkadaşlar Gerekli Kodları Yerleştirdikten Sonra Otomatik Olarak Tasarım Açılır Ve Sizin Eklediğiniz Sayfalar Görünür