MyBB: Alıntılanan Mesaja Devamını Oku Özelliği Ekleme

Yazar Hasan | 11-12-2025, 07:08 PM

Bu modifikasyon ile xenForo sistemindeki gibi alıntılanan mesajlara devamını oku özelliği ekleyeceğiz.

Kullandığınız temanın global.css stilinin en sonuna ekleyin ve kaydedin:

Kod:
.mycode_quote {

    position: relative;

    overflow-y: auto;

    max-height: 200px;

    transition: max-height 500ms ease-in-out;

}

.quote__expand {

    position: absolute;

    bottom: 0; left: 0; right: 0;

    background: linear-gradient(to bottom, rgba(249,250,250,0) 0%, #f9fafa 60%);

    border-bottom-right-radius: 6px;

    border-bottom-left-radius: 6px;

    text-align: center;

    height: 75px;

    cursor: pointer;

}

.quote__expand span {

    position: absolute;

    bottom: 10px; left: 0; right: 0;

}

Şimdi ise footer şablonlarının en sonuna aşağıdaki kodları ekleyip kaydediniz.

Kod:
<script>

const bbCodeQuoteExpandHtml = '<div class="quote__expand"><span>Click to expand...</span></div>';

const bbCodeQuotes = $('.mycode_quote');

bbCodeQuotes.each(function() {

    if ($(this).parent('.mycode_quote').length) {

        return $(this).css('max-height', 'initial');

    }

    if (this.scrollHeight > this.clientHeight) {

        return $(this).css('overflow', 'hidden').append(bbCodeQuoteExpandHtml)

    }

})

const bbCodeQuoteExpand = $('.quote__expand');

bbCodeQuoteExpand.on('click', function() {

    const bbCodeQuote = $(this).parent('.mycode_quote');

    $(this).remove();

    bbCodeQuote.css('max-height', bbCodeQuote.prop('scrollHeight'));

})

</script>

Tüm işlemler bu kadar.

Önizleme

https://imgur.com/15FzZhp

MyBB Üzerine

Yazarımız Hasan hakkında: Adım Hasan, ama bir dönem MyBB kullananlar beni Yondaime nicki ile tanırdı. 2009 da başladı web maceram, MyBB, Wordpress, Matematik, Adalet, Bilgisayar Programcılığı, derken şimdide burada bir şeyler yapmaya çalışıyorum :)

Yazıya herhangi bir yorum yapılmadı

Hızlı Cevap

Güvenlik Kodu:
Lütfen, resmin üzerindeki harf ve rakamlardan oluşan Güvenlik Kodunu, aşağıdaki metin kutusuna giriniz.

(Büyük/Küçük harf duyarsız)

Konuyu Yazdır

Hoşgeldiniz...

Hoşgeldin, Ziyaretçi:
Sitemize üye iseniz buradan oturum açabilirsiniz :)
Hala üye değil misiniz? Ücretsiz üyelik hesabı alın!

Reklam

Kategoriler

Yasal Uyarı

Bu internet sitesi içeriğinde yer alan tüm yazılar Gidenler.Me’ye ait olup, 5846 sayılı Fikir ve Sanat Eserleri Kanunu ve 5237 sayılı Türk Ceza Kanunu kapsamında korunmaktadır. Bu hakları ihlal eden kişiler, 5846 sayılı Fikir ve Sanat eserleri Kanunu ve 5237 sayılı Türk Ceza Kanununda yer alan hukuki ve cezai yaptırımlara tabi olurlar. Gidenler.Me, ilgili yasal işlem başlatma hakkına sahiptir. Gidenler.Me Blog'da yer alan tüm yazılar/makaleler bilgi edinme amacı ile sınırlı olup Gidenler.Me'den izin alınmaksızın değiştirilemez, çoğaltılamaz, yayımlanamaz, dağıtılamaz, umuma iletilemez, başka bir lisana çevrilemez.