blogekleme

Başlık11.01.2013

Buraya yazı gelecek.Devamı

Başlık08.01.2013

Buraya yazı gelecek.Devamı

Başlık03.01.2013

Buraya yazı gelecek.Devamı

Adım 1: Sayfa İçeriği Ekleme

- Sayfalarımı Değiştir
- İstediğiniz Bir Sayfayı Seçin
- Kaynak'a Basın
- Aşağıdaki Kodu Yapıştırın

<div class="c_news">
<img class="c_pic" src="Resim URL" alt="Bild">
<div class="c_right">
<h3>Başlık<span>Tarih</span></h3>
<p class="c_text">Buraya yazı gelecek. <a class="button" href="LINK">Devamı</a> 
</p>
</div>
</div>

<div class="c_news">
<img class="c_pic" src="Resim URL" alt="Bild">
<div class="c_right">
<h3>Başlık<span>Tarih</span></h3>
<p class="c_text">Buraya yazı gelecek. <a class="button" href="LINK">Devamı</a> 
</p>
</div>
</div>

<div class="c_news">
<img class="c_pic" src="Resim URL" alt="Bild">
<div class="c_right">
<h3>Başlık<span>Tarih</span></h3>
<p class="c_text">Buraya yazı gelecek. <a class="button" href="LINK">Devamı</a> 
</p>
</div>
</div>

Adım 2: CSS Kodu

- Tasarım Ayarları
- Gelişmiş Ayarlar
- "Tasarımın Üzerindeki Metin" kısmına aşağıdaki kodu ekleyip sonuna yandaki kodu ekleyin --></style>

/* NBAH-CK */
.c_news {
   width: 95%;
   margin: 10px 0px 30px 0px;
   padding: 10px;
   overflow: hidden;
   box-shadow: 3px 3px 10px 3px #c9c9c9;
   border: 1px solid #DDDDDD;
   background-color: #EEEEEE;
}

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

.c_right {overflow: hidden;}

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

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

/* EI-CK */
.c_text {
   font-size: 12px;
   font-family: arial;
}

/* EL-CK */
.c_text a{
   float: right;
   display: block;
   margin-top: 5px;
}