Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

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

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!
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.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.jpg Screenshot_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
12
Görüntüleme
1,574
İlk yayınlama
Son güncelleme
Değerlendirme
5.00 yıldız 1 değerlendirme

mkucuksari ait diğer kaynakar

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Zevkine göre renk kombinasyonunu belirle

Gece/Gündüz modunu seç

Gece ve gündüz modlarından tarzınıza yada ihtiyaçlarınıza uygun olanı seçerek kullana bilirsiniz.

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.

Foruma hoş geldin 👋, Ziyaretçi

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