sfore - Clean Tasarım Kodları

Clean Tasarım Kodları

Selamun Aleyküm Arkadaşlar Sizlere Kendi Bulduğum ve Geliştirdiğim Clean Tasarım Kodlarını Paylaşıyorum. Kodlar Aşağıdadır.Kodların Tamamı Kendime Aittir.

Clean Tasarımı Geliştirme Kodları, Clean Kodları, Clean Tasarım Geliştirme, Clean Kod
Clean Arka Plan Ekle

/*Arka Plan*/
body {
	
  background: url(#Arka Plan Urlsi) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Clean Footer Reklam Düzenleme

/*Footer Reklam Düzenleme*/
#webme_footer_textlink_dont_hide {
width: 970px; 
position: relative;
left: 24%; 
margin-left: -485px;
webkit-border-radius: 10px;
moz-border-radius: 10px;
border-radius: 10px;
overflow:hidden;
padding:15px;
border:1px solid #c9c9c9;
margin: 10px auto 70px auto;
background-color: #FFFFFF;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.7);
}

Clean Banner Üst Ayar

/*Banner Üst Ayar*/
#banner-top {
width: 728px;
height: 90px;
border: 2px solid #888888; 
background: #eeeeee; 
padding:3px;
border-radius:3px;
border-radius: 10px 10px 10px 10px;
}

Clean Üst Banner Hover

/*Üst Banner Hover*/
#banner-top:hover {
opacity:0.2;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s; }

Clean Banner Sağ Ayar

/*Banner Sağ Ayar*/
#banner-right {
width: 160px;
height: 600px;
position: absolute;
left: 50%;
margin-left: 526px;
border: 2px solid #888888; 
background: #eeeeee; 
padding:3px;
border-radius:3px;
border-radius: 10px 10px 10px 10px;

Clean Sağ Banner Hover

/*Sağ Banner Hover*/
#banner-right:hover {
opacity:0.2;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s; }

}

Clean Header Dış Katman Yok Etme

/*Header Dış Katman Yok Etme*/
#inner-masthead { margin: 0px !important; }
#masthead { padding: 0px !important; }

Clean Header Saydamlaştırma

/*Header Hover Ayalarım*/
#masthead:hover {
opacity:0.5;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s; }

Clean Header Başlık Yazsını Yok Etme

/*Header Başlık Yazısı Yok Etme*/
#claim, #inner-claim {
     display: none!important;
}

Clean Like Button Ayarları

/*Like Button Ayarları*/
#likeButton {
   width: 110px;
   margin-bottom: 130px;
   background: none !important;
   overflow: hidden;
}

Clean Header Resmi Köşeleri Yamultma

/*Header Resmi Köşeleri Yamultma*/
#masthead { border-radius: 10px 10px 10px 10px; }
/*İçerik Köşeleri Yamultma*/
#content { border-radius: 10px 10px 10px 10px; 
opacity:0.7;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;  }

Clean Footer Yok Etme

/*Footer Yok Etme*/
#footer { display:none!important; }

Clean Üst Menü Yok Etme

/*Menü Yok Etme*/
#access, #access li {display: none !important; }

Clean Sayfaların Başlık Yazısı

/*Sayfaların Başlık Yazısı*/
#main h1 {      color: # ff83fa;      font-size: 15px;      padding-left: 15px;      background-color: #C9C9C9;      border: 2px solid #AAAAAA; border-radius: 10px 10px 10px 10px; }

Kodların Tamamı Sfore'ye Aiittir.