CSS Yardım!

isasntrk
isasntrk 2-08-2014, 17:01
Merhabalar...
Sitemde konular arasında boşluk bırakmak istiyorum. Facebook gibi yani arada boşluk olsun.. Bunu nasıl yapabilirim CSS de tıkandım.. Bu işin piri olarak sizden yardım isityorum wink
Çözüldü İşleme Alındı Bekliyor Çözülemedi
Bilgilendirme
Yorum Ekleyebilmeniz için Sitemize Kayıt Olmanız Gerekmektedir.
0
Sukru 25 Şubat 2015 21:33
@kadirhanoglu, Merhaba arkadaşlar peki bu yorumlar ile konu bloklarını nasıl ayırabiliriz? Yardımlarınızı bekliyorum :)

150
SyBeR 5 Ağustos 2014 22:12
@isasntrk,

Estağfurullah ayıp olmaz ancak pek boşluk bulamıyorum yoğun olduğumdan. Foruma yazın siz kesinlikle, ben olmasam da arkadaşlar yardımcı olacaktır. Kimse yardımcı olmadığı takdirde ben geldiğimde inceliyorum zaten konuları ben yardımcı olurum smile

--------------------
0
isasntrk 3 Ağustos 2014 19:46
@SyBeR, on numara oldu dostum :D peki bi kaç şey daha istesem ayıp olurmu acaba

Bu şekilde konu içlerini yani full-story düzenleme şansım varmı birde konularda daha fazla etiket göstermek istiyoruz bunu nasıl yapabiliriz acaba.. Çok teşekkürler şimdiden smile
150
SyBeR 3 Ağustos 2014 19:41
Rica ederim. Etiketi kapatmayı unutmuşum malesef smile gerekli düzenlemeyi uyguladım şu anda.

--------------------
0
isasntrk 3 Ağustos 2014 19:26
Yazılanları harfiyen yaptım fakat olmadı,
Resimdeki gibi yazılar çıkıyor alttada var aynı yazılardan.
Speedbar.tpl de ise dace {speedbar} yazısı var


Edit: tamamdır çözdüm [not-aviable] bu kodları [/not-aviable] bu şekilde yapınca düzeldi :D çok teşekkürler
0
isasntrk 3 Ağustos 2014 18:30
@SyBeR, teşekkürler hemen deniyorum :)
150
SyBeR 3 Ağustos 2014 18:16
İşlemleri yapmadan önce temanızın mutlaka yedeğini alın.

main.tpl Dosyasında

Bul;
<div id="content-block">


Değiştir;
[not-aviable=main]<div id="content-block">[/not-aviable]



main.tpl Dosyasında

Bul;
	</div>
</section>



Değiştir;
[not-aviable=main]
	</div>
[not-aviable]
</section>



----------------------------------------------------------------

speedbar.tpl Dosyasında

Bul;
<div id="speed-bar">{speedbar}</div>



Değiştir;
<div id="speed-bar"[aviable=main] class="speedbar-main"[/aviable]>{speedbar}</div>


----------------------------------------------------------------

shortstory.tpl Dosyasında

Bul;
<article class="short-story">



Değiştir;
<article class="short-story short-main">


----------------------------------------------------------------

styles.css Dosyasında

Bul;
#speed-bar {
    border-bottom: 1px dotted #C5C3C3;
    padding: 14px 15px 15px 35px;
    background: url('../images/speedbar.png') no-repeat scroll 15px center transparent;
}


Altına Ekle;
.speedbar-main {
    padding: 14px 15px 15px 35px;
    background: #fffdfd url(../images/speedbar.png) no-repeat 15px !important;
    border-radius: 3px;
    box-shadow: 0 1px 0 #F1F1F1, 0 7px 10px rgba(190, 190, 190, 1);
}




Bul;
.short-story {
    border-top: 1px dotted #b7102f
}


Değiştir;
.short-main {
    background: #fffdfd;
    border-radius: 3px;
    box-shadow: 0 1px 0 #F1F1F1, 0 7px 10px rgba(190, 190, 190, 1);
    margin-top: 15px;
}

--------------------
0
isasntrk 3 Ağustos 2014 15:14
@SyBeR, aynen odur :D aklımdakinin aynısı
150
SyBeR 3 Ağustos 2014 02:00
@isasntrk,

Yapmak istediğiniz bu mudur ?



--------------------
0
omerkul 3 Ağustos 2014 00:33
Evet katılıyorum smile bu arada boşluk kodunu yazdım ama sistem kabul etmemiş aşağıya ekliyorum;
[b][color=#FF0000]&nbsp;[/color][/b]


color etiketlerinin arasında :)
iyi çalışmalar dilerim.
0
mehmet 3 Ağustos 2014 00:23
Seo açısından tabiki dediğiniz önemlidir. Yukarda anlatılan komutların ne olduklarınız yazmak isterim :)
Tüm padding komutları:

padding - Hızlı kullanım
padding-top - Üstten boşluk
padding-right - Sağdan boşluk
padding-bottom - Alttan boşluk
padding-left - Soldan boşluk
0
omerkul 3 Ağustos 2014 00:19
CSS'de "padding:15px" veya "margin:15px" şeklinde kullanabilirsin. Margin ve padding kullanımını Google'de araştırabilirsin. DLE'deki HTML sayfasında boşluk kodu   kodudur, bunu da kullanabilirsin.

SEO açısından düşünecek olursak Mehmet arkadaşımın <td> kodunu tavsiye etmiyorum çünkü table etiket ailesine girdikleri için (table, tr, td) SEO konusunda sıkıntı yaratabiliyorlar.
0
mehmet 2 Ağustos 2014 20:05
Benim bildiğim alt alta olan iki kodun arası için boşluk istiyorsan

<br> bunu kullan

Eğerki yan yana olan iki kodun arasını açmak için ise

<td> kullanarak yapabilirsiniz. bu verdiklerimi çoğaltarak boşlukları dahada artırabilirsiniz. Umarum işe yarar