BBcode - Hoş bir Alıntı - Çift Tırnak BBCODE İlavesi - [SVG]Cool Quote - BBCodes | XenGenTr - Türkiye'nin XenForo Türkçe destek topluluğu

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 /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";

Tepkiler: kurabiyecanavari, testpilot, YusufCn01 ve 12 diğerleri

Ara

Ara

Foruma hoş geldin 👋, Ziyaretçi

BBcode Hoş bir Alıntı - Çift Tırnak BBCODE İlavesi - [SVG]Cool Quote - BBCodes 1.0.0

mkucuksari ait diğer kaynakar

Bu kaynağı paylaş

Foruma hoş geldin 👋, Ziyaretçi

Gizliliğinize değer veriyoruz