طلب تعديل علي كود أخر المواضيع لنسخة AwesomeBB

الكود:


[list=linenums][*]$(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');
[*]});
[/list]


الكود:


[list=linenums][*]#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;
[*] 
[*]}
[*] 
[*]#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;
[*]}
[/list]


النجم المساعد كتب:

اهلا عزيزى 

ليس تعديل على الكود كل ماعليك الذهاب الى 

لوحة الادارة / عناصر اضافية /  البوابة و العناصر / إدارة العناصر المستقلة على المنتدى 

ثم الى عنصر اخر المواضيع ثم اضغط على علامة  

ثم الإعدادات العامة للعنصر : آخر المواضيع

عدد المواضيع الأخيرة : اجعلها 10 او كما تحب

النجم المساعد كتب:

اسف عزيزى لم انتبه
صورة للكود


https://i.servimg.com/u/f76/19/95/99/18/y10.png


قم بستخدام هذه الاكواد

طريقة التركيب
لوحة الأدارة / عناصر إضافية / إدارة أكواد 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;
 
}
 
#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;
}