- Uyumlu XF 2 Sürümleri

NASIL YAPILIR:
1- Öncelikle ekteki dosyayı indirip, içinden çıkan "bb_codes_coolquote.xml" dosyasını kaydediyoruz.
2- Sonra AP'den "BBkodu ve içerik >> Özel BB kodları" sayfasına gidiyoruz
/admin.php?bb-codes/
"Yükle" butonunu tıklayıp " "bb_codes_coolquote.xml" dosyasını seçip BBCODE tanımlamasını yüklemiş oluyoruz.


3- Eğer "[KL] Editor Manager" eklentisini kullanıyorsak eklenti ile gelen butonları editorde olmasını istediğimiz sırada ayarlıyoruz.
/admin.php?em/layout/

4- Son olarak kullandığımız temanın "extra.less" şabloluna şu kodları ilave ediyoruz.
.cool-quote-before() {
color: @xf-textColorAttention;
font-size: 35px;
line-height: 14px;
vertical-align: sub;
}
.cool-quote {
width: 100%;
p {
width: 96%;
font-style: italic;
text-align: justify;
color: @xf-textColorDimmed;
margin: 0 auto;
&:before {
content: "\00AB";
.cool-quote-before();
margin-right: 5px;
}
&:after {
content: "\00BB";
.cool-quote-before();
margin-left: 5px;
}
}
}
Hepsi bu kadar. Keyifli kullanımlar

NOT: İsterseniz yukarıdaki kodda bulunan
&:before { content: "[B]\00AB[/B]";
ve &:after { content: "[B]\00BB[/B]";
kısımlarını değiştirerek istediğiniz işareti kullanabilirsiniz.Double Left-Pointing Angle Quotation Mark HTML Symbol, Character and Entity Codes — HTML Arrows

Örneğin
&:before { content: "\275D";
ve &:after { content: "\275E";
