Clean Kodlar

Bu Bölümde Bulunan Kodları Eklemek İçin= Tasarım ->Gelişmiş Ayarları Göster -> Tasarımın Üstü Bölümüne <style type="text/css">Kodlar Buraya</style> Şeklinde Eklemeniz Gerekmektedir.


BAŞLIK YAZISINI KALDIRMA

/* Başlık Silindi */ 
#claim { 
     background: none ! important; 
     padding: 15px; 
}

HEADER HOVER EFEKTİ

/*Header Hover Ayaları*/
#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; } 

HEADER KÖŞELERİ YAMULTMA

/*Header Resmi Köşeleri Yamultma*/ #masthead { border-radius: 10px 10px 10px 10px; } 

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);
}

ÜST BANNER AYARLAMA

/*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;
}

ÜST BANNER HOVER EFEKTİ

/*Ü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; }

SAĞ BANNER AYARLAMA

/*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;

HEADER DIŞ KATMAN YOK ETME

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

HEADER KÖŞELERİ 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;  }

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

}

FOOTER EKLEME

/* Footer Ekleme */
#new_footer {
  width: 970px;
  min-height: 100px;
  padding: 15px;
  margin: 15px auto 90px auto;
  overflow: hidden;
  border: 1px solid #c9c9c9;
  background-color: #FFFFFF;
  box-shadow: 1px 0px 5px 1px #777777;
}
#footer {
  display: block;
  margin-top: 170px;
  margin-left: 200px;
  overflow: hidden;
  padding: 0px ! important;
  width: 600px;
  position: absolute;
}

<div id="new_footer">
Hier deinen Inhalt einfügen
</div>

SAYFAYA MENU EKLEME

/* İÇERİK KISMI */
/* Newsfeld - Breite - Abstand - Hintergrundfarbe */
.c_news {
   width: 95%;
   margin: 10px 0px 30px 0px;
   padding: 10px;
   overflow: hidden;
   box-shadow: 3px 3px 10px 3px #c9c9c9;
   background-color: #FFFFFF;
}

/* Grafik */
img.c_pic {
   width: 150px !important;
   float: left;
   margin-right: 20px;
 }

.c_right {overflow: hidden;}


.c_right h3 {
   font-weight: bold;
   border-bottom: 1px dotted #666666;
   color: #343434;
   padding-right: 5px;
   margin: 0px 0px 5px 0px;
}


.c_right h3 span {
   float: right;
   display: block;
   color: #666666;
   font-weight: normal;
   font-size: 12px;
}

/* İnfo Yazısı */
.c_text {
   font-size: 12px;
   font-family: arial;
}

/* Link Yazısı*/
.c_text a{
   float: right;
   display: block;
   margin-top: 5px;
}

<div class="c_news"><img class="c_pic" src="Grafikadresse" alt="Bild" />
<div class="c_right">
<h3>Hier &Uuml;berschrift 1<span>hier Datum</span></h3>
<p class="c_text">Dein Infotext <a class="button" href="LINK">weiterlesen</a></p>
</div>
</div>
<div class="c_news"><img class="c_pic" src="Grafikadresse" alt="Bild" />
<div class="c_right">
<h3>Hier &Uuml;berschrift 2<span>hier Datum</span></h3>
<p class="c_text">Dein Infotext <a class="button" href="LINK">weiterlesen</a></p>
</div>
</div>
<div class="c_news"><img class="c_pic" src="Grafikadresse" alt="Bild" />
<div class="c_right">
<h3>Hier &Uuml;berschrift 3<span>hier Datum</span></h3>
<p class="c_text">Dein Infotext <a class="button" href="LINK">weiterlesen</a></p>
</div>
</div>