Hoş Geldin, Ziyaretçi!

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için forumka kayıt olmalı yada giriş yapmalısınız. Forum üye olmak tamamen ücretsizdir.

Kaynak ikonu

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

indirmek için izniniz yok
Uyumlu XF 2 Sürümleri
  1. 2.0.X
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.


Screenshot_1.jpg


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.

Screenshot_2.jpgScreenshot_3.jpg

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/

Screenshot_4.jpg

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 :D

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

Screenshot_5.jpg

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

Screenshot_6.jpg
Yazar
mkucuksari
İndirilme
11
Görüntüleme
679
İlk yayınlama
Son güncelleme
Değerlendirme
5.00 yıldız(lar) 1 rating

mkucuksari ait diğer kaynakar