حصريا كود آخر المواضيع للنسخة AwesomeBB

اذهب الى الأسفل

ÊÞäíÉ حصريا كود آخر المواضيع للنسخة AwesomeBB

مُساهمة من طرف omarpop23 في الإثنين 13 أغسطس 2018 - 16:10

حصريا كود آخر المواضيع للنسخة AwesomeBB

بسم الله الرحمن الرحيم

واجهة الكثير النسخة الجديدة AwesomeBB مشكلة عدم وجود عنصر المواضيع الأخيرة بجانب المنتدى
اليوم قد قمت بكتابة كود يقوم بانشاء عنصر المواضيع الاخيرة بجانب المنتدي صورة توضيحية

صورة عنصر آخر المواضيع


طريقة التركيب
لوحة الأدارة -- عناصر إضافية -- إدارة أكواد Javascript -- إنشاء كود جديد

العنوان * : كما تريد
أضف الكود الى : الصفحة الرئيسية
 ثم الصق الكود التالي
الكود:
$(function () {
 $('<div id="block-last-topic" class="block-subtle"><i class="material-icons">description</i><span class="headline">آخر المواضيع</span><div><div class="latest"></div></div>').insertBefore('#block-online');
 $('#block-last-topic .latest').load('/latest .block-topics-details');
});

ثم سجل و اذهب الي 
لوحة الأدارة -- مظهر المنتدى -- الوان -- ورقة ال CSS
 ثم الصق الكود التالي
الكود:
#block-last-topic .block-topics-details h2 a {
    font-size: 14px;
    color: #1e88e5;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    display: block;
}
#block-last-topic.block-topics-author {
    display: none;
}
#block-last-topic .block-topics-lastpost {
    padding-right: 5px;
    border: none;
    display: inline;
}
#block-last-topic .block-topics-details a {
    display: none;
}
#block-last-topic .block-topics-author a {
    display: inline;
    border-bottom: none;
    color: #1e88e5;
[size=17]
[/size]
}
[size=17]
[/size]
#block-last-topic .block-topics-details {
    border-top: 1px solid #ccc;
    padding: 5px 0;
}
#block-last-topic .block-topics-details:first-child {
    border-top: none;
}
#block-last-topic .block-topics-lastpost img {
    display: none !important;
}
#block-last-topic i {
    color: #3f51b5;
    float: none;
    display: inline-block;
    vertical-align: middle;
}
#block-last-topic .headline {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
}
.latest {
    height: 305px;
    overflow-x: hidden;
    overflow-y: auto;
}

avatar
omarpop23
 
 

ذكر
عدد المساهمات : 1177
معدل النشاط : 3638
السُمعة : 124

http://www.best-devs.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى