- Uyumlu XF 2 Sürümleri
Eğer siz de özellikle makale tarzı yazılarınızda hoş, etkileyici Alıntı - Tırnak şeklinde ifade kullanmak isterseniz, o zaman bu yeni BBCODE tanımlaması tam size göre. Önce ne elde edeceğimizi bir görelim.
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
"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.
4- Son olarak kullandığımız temanın "extra.less" şabloluna şu kodları ilave ediyoruz.
Hepsi bu kadar. Keyifli kullanımlar
NOT: İsterseniz yukarıdaki kodda bulunan
Double Left-Pointing Angle Quotation Mark HTML Symbol, Character and Entity Codes — HTML Arrows
Örneğin
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.
Kod:
.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";