Bu yazımda sizlere iki yazı arasında farklı bir line oluşturayım diyor mesela iki yazınınz arasında aşağıda şematik olarak gösteriyorum..
Daha sonra temanızı yedekleyin.
DASHBOARD ► LAYOUT ► EDIT HTML,kısmına tıklayarak ( CTRL +F, normal olarak) ( + F Mac için):
Turuncu ile yazılan yer sizin internete yüklediğiniz resim adresidir. Yukarda bazı resim upload sitelerinin linklerini söylemiştim zaten.
.Aradaki boşluğu yeşil ile yazdığım yerden farklılaştırabilirsiniz.. padding-bottom:3.5em; yani buradan düzenleyebilrisiniz.
DASHBOARD ► LAYOUT ► EDIT HTML ► hit EXPAND WIDGET TEMPLATES
CTRL + F (Option +F),tıklayın ve şu kodu bulun.
Bu kodun hemen altına aşağıdaki kodu yazın.
Bu anlattığım 2.yöntem idi.
Devamını Oku >>
yazı 1..
____________
yazı2
____________
Böyle çizgilerdense farklı bir çizgi eklemek istiyorum iki yazı arasına derseniz Öncelikle yazı yazacağınız kısmın boyutuna iyi bakmak zorundasınız bu önemli bunu nasıl öğrenebilirsiniz..
Yüklemek istediğiniz çizgiyi TinyPic, PhotoBucket vb sunuculara yükleyebilirsiniz.#main-wrapper {
width: 410px;
float: $startSide;
Daha sonra temanızı yedekleyin.
DASHBOARD ► LAYOUT ► EDIT HTML,kısmına tıklayarak ( CTRL +F, normal olarak) ( + F Mac için):
.post {bu kodu bulun. Sonrasında;
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post {Bu kod ile değiştiriyoruz.
background: url(http://i36.tinypic.com/xqid55.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:3.5em;
}
Turuncu ile yazılan yer sizin internete yüklediğiniz resim adresidir. Yukarda bazı resim upload sitelerinin linklerini söylemiştim zaten.
![]() |
İşte böyle görünecektir. |
DASHBOARD ► LAYOUT ► EDIT HTML ► hit EXPAND WIDGET TEMPLATES
CTRL + F (Option +F),tıklayın ve şu kodu bulun.
<div class='post-footer-line post-footer-line-3'/>
Bu kodun hemen altına aşağıdaki kodu yazın.
<center><img height='20' src='BURAYA RESMİN URL'Sİ GELECEK.'/></center>
