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
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.webp

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.webpScreenshot_3.webp

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.webp

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.webp

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

Screenshot_6.webp
Yazar
mkucuksari
İndirilme
12
Görüntüleme
1.928
İlk yayınlama
Son güncelleme

Puanlar

5,00 yıldız 1 değerlendirme

mkucuksari ait diğer kaynakar

Kişiselleştirme

Tema editörü

Ayarlar Renkler

  • Mobil kullanıcılar bu fonksiyonları kullanamaz.

    Alternatif header

    Farklı bir görünüm için alternatif header yapısını kolayca seçebilirsiniz.

    Görünüm Modu Seçimi

    Tam ekran ve dar ekran modları arasında geçiş yapın.

    Izgara Görünümü

    Izgara modu ile içerikleri kolayca inceleyin ve düzenli bir görünüm elde edin.

    Resimli Izgara Modu

    Arka plan görselleriyle içeriğinizi düzenli ve görsel olarak zengin bir şekilde görüntüleyin.

    Yan Paneli Kapat

    Yan paneli gizleyerek daha geniş bir çalışma alanı oluşturun.

    Sabit Yan Panel

    Yan paneli sabitleyerek sürekli erişim sağlayın ve içeriğinizi kolayca yönetin.

    Box görünüm

    Temanızın yanlarına box tarzı bir çerçeve ekleyebilir veya mevcut çerçeveyi kaldırabilirsiniz. 1300px üstü çözünürler için geçerlidir.

    Köşe Yuvarlama Kontrolü

    Köşe yuvarlama efektini açıp kapatarak görünümü dilediğiniz gibi özelleştirin.

  • Renginizi seçin

    Tarzınızı yansıtan rengi belirleyin ve estetik uyumu sağlayın.

Geri