Bazı paragrafları tırnak içine alma!

[M.Enes AYDÜZ]

Aşağıdaki css kodunu templates.css dosyasının içerisine yapıştırın.

blockquote {
font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
width: 400px;
background: url(../images/close-quote.gif) no-repeat right bottom;
padding-left: 18px;
text-indent: -18px;
}
blockquote:first-letter {
background: url(../images/open-quote.gif) no-repeat left top;
padding-left: 18px;
font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}

Ardından buradaki 2 resimi sağ tuş farklı kaydedip temanızın images klasörü içine atın.

http://www.webdesignerwall.com/demo/...lose-quote.gif

http://www.webdesignerwall.com/demo/...open-quote.gif


Ardından soru-cevap bölümündeki editörde "format ve styles"ın yanında yer alan tırnak işareti butonuna basın. Aşağıdaki kodlar oluşacaktır. Aralarına istediğinizi yazın. Bu şekilde istediğiniz yapmış olursunuz.

<blockquote></blockquote>

Kaynak ve örnek: CSS - Simple Double Quotes

[Alaca]

Hocam oldu ama alt taraftaki tırnak işareti çıkarken, üst taraftaki çıkmadı.



Bir de arka plan için renk verme imkanımız var mıdır?

[M.Enes AYDÜZ]

Resimi yüklediğinizden emin olun ve yayındaysa o yazının yer aldığı sayfanın adresini alayım.

Arkaplan eklemek için

background: #CCCCCC url(../images/close-quote.gif) no-repeat right bottom;

buraya koyu renkte belirttiğim yerde ve şekilde renk kodunu eklemelisiniz.

[Alaca]

Buradan bi göz atabilirsiniz hocam: http://www.halisece.com/sorulara-cev...azisisdir.html

[M.Enes AYDÜZ]

Şuan görünüyor. Arka planda vermişsiniz. CSS kodundan genişliğini, boşlukları falan ayarlayabilirsiniz

[Alaca]

Ben Mozilla'dan bakıyordum. Oradan üstteki tırnak çıkmıyor. Chrome'da görünüyor.

[M.Enes AYDÜZ]

blockquote:first-letter

olan yeri

blockquote p

olarak değiştirir misiniz

[Alaca]

Şimdi oldu hocam teşekkürler.