PDA

Orijinalini görmek için tıklayınız : ÇÖZÜLDÜ Bazı paragrafları tırnak içine alma!



Alaca
29-01-2012, 17:51
Bazı Joomla sitelerde görüyorum, paragrafı tırnak içine alıyorlar. Aşağıda resimleri de mevcut. Ama yazı editöründen bunun nasıl yapıldığını bulamadım.

http://s1.directupload.net/images/120129/xkcqir8o.png



Ve Joomla.gen.tr Portaldaki bu başlıkların nasıl yapıldığını merak ediyorum.

http://s14.directupload.net/images/120129/ezztgd9x.png

Ümit
29-01-2012, 18:14
Css quote ve css bubble olarak biraz araştır istersen.

Alaca
29-01-2012, 18:25
Bunun Joomla yazı editöründe var olduğunu düşünüyorum. Çünkü ilk resimdeki yazıyı, kopyala-yapıştır ile Joomla 1.5'e aktarmıştım. Kendiliğinden çıktı. O halde yazı editöründe bu kod olmalı. Hepsini denedim ama olmuyor. Kullanımı farklı belki.

Ümit
29-01-2012, 18:53
JCE 'de en üstte bu işi yapan " işareti var.

Alaca
29-01-2012, 19:11
JCE Editörü kullanıyorum zaten. Üstteki o tırnağı denedim. Değişen birşey olmuyor. Joomla 1.5 de JCE Editörde dediğiniz yerden oluyor. Ama Joomla 1.7'de olmuyor. Siz de bir dener misiniz?

Akar
29-01-2012, 19:23
Orada var zaten de bunlar css düzenlemesidir. Yani temanın css dosyasında ya da editor css dosyasında bunları istediğiniz özelliklerde tanımlarsanız, daha sonra sitenin istediğiniz yerinde kullanabilirsiniz. Olay tamamen css; Joomla!'nın kendisiyle ilgili de değil yani.

Alaca
29-01-2012, 20:01
JCE Editör'ün ayarlar kısmında şöyle bir resim var ama buradan değişiklik yapılacak herhangi bir yer bulamadım.

http://s7.directupload.net/images/120129/ydrslem8.png

nizamgl
30-01-2012, 00:15
JCE Editör'ün ayarlar kısmında şöyle bir resim var ama buradan değişiklik yapılacak herhangi bir yer bulamadım.

tamanın css dosyasında o stil tanımlanmamışsa editörden ne kadar ayarlarsanız ayarlayın değişiklik olmaz
tamamen tema yapımcısının kodlamasıyla alakalıdır

Akar
30-01-2012, 00:20
JCE Editör'ün ayarlar kısmında şöyle bir resim var ama buradan değişiklik yapılacak herhangi bir yer bulamadım.
Orası sadece düğmeleri yazım düzenleyiciye yerleştirir. Yukarıda belirttiğimiz gibi; css dosyasında düzenleme gerekiyor bunlar için. Örnek bir düzenleme isterseni -ki daha evvel yaptık gibi geliyor bana- site adresini konuya yazarsanız bir bakalım.

Alaca
30-01-2012, 12:26
Orası sadece düğmeleri yazım düzenleyiciye yerleştirir. Yukarıda belirttiğimiz gibi; css dosyasında düzenleme gerekiyor bunlar için. Örnek bir düzenleme isterseni -ki daha evvel yaptık gibi geliyor bana- site adresini konuya yazarsanız bir bakalım.


Site adresi şu: www.halisece.com

Üstteki soru gönder linkine tıklayınca editör paneli görünüyor.

M.Enes AYDÜZ
30-01-2012, 13:27
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/doublequote/images/close-quote.gif

http://www.webdesignerwall.com/demo/doublequote/images/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 (http://www.webdesignerwall.com/demo/doublequote/doublequote.html)

Alaca
30-01-2012, 14:19
Hocam oldu ama alt taraftaki tırnak işareti çıkarken, üst taraftaki çıkmadı.

http://s14.directupload.net/images/120130/8335broj.png

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

M.Enes AYDÜZ
30-01-2012, 15:33
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
30-01-2012, 15:56
Buradan bi göz atabilirsiniz hocam: http://www.halisece.com/sorulara-cevaplar/450-deneme-yazisisdir.html

M.Enes AYDÜZ
30-01-2012, 17:01
Şuan görünüyor. Arka planda vermişsiniz. CSS kodundan genişliğini, boşlukları falan ayarlayabilirsiniz

Alaca
30-01-2012, 19:26
Ben Mozilla'dan bakıyordum. Oradan üstteki tırnak çıkmıyor. Chrome'da görünüyor.

M.Enes AYDÜZ
30-01-2012, 21:43
blockquote:first-letter

olan yeri

blockquote p

olarak değiştirir misiniz

Alaca
30-01-2012, 23:12
Şimdi oldu hocam teşekkürler.