Dr.OmaR
Dr.OmaR
المؤسس
القوس
المساهمات :
479
النقاط :
1013
التقيم :
103
العمر :
29
الاوسمة :
شريط اخر الاخبار و اخر المواضيع للنسخه الاخيره AwesomeBB لاحلى منتدي 2020 Crown_gold
البلد :
مصر
بناء علي طلب الكثير من اعضاء احلى منتدي علي شريط اخر المواضيع للنسخه الاخيرة AwesomeBB و شريط اخر الاخبار لقسم معين
ها انا اليوم أتيكم بكود شريط اخر الاخبار لقسم معين لعيونكم

صورة لكود
شريط اخر الاخبار و اخر المواضيع للنسخه الاخيره AwesomeBB لاحلى منتدي 2020 Far_sy11

مميزات الكود

  1. امكانية جلب آخر مواضيع لقسم محدد اتوماتيكياً
  2. اذا تركت رقم القسم فارغ فإن الكود سيعرض آخر مواضيع المنتدي بشكل عام
  3. امكانية تحديد عدد معين للمواضيع في شريط الاخبار
  4. امكانية التحكم الكامل في شريط الاخبار من خلال الكود
  5. الكود يدعم نسخه الجوال
  6. الكود سريع وخفيف علي التصميم

هناك المزيد من المزايا اكتشفها بنفسك ...

طريقة تركيب الكود:
انسخ الكود التالي في الاعلانات الخاصه او نهاية قالب الـ overall_header
الكود:
<div class="newsLocation"></div>
ثم اذهب الي
لوحة الادارة - عناصر اضافية -- إدارة أكواد Javascript

إنشاء كود جديد
العنوان * : شريط اخر الاخبار
أضف الكود الى : جميع الصفحات

الكود:
الكود:
$(function getNews() {
    var lastNewsTitle = 'آخر الأكواد',
        forumNumper = '25', // رقم القسم
        numberOfNews = '5', // عدد المواضيع
        speedOfNews = '30', // سرعة التتالي
        separateImg = 'https://i.servimg.com/u/f51/19/34/86/41/best-d10.png', // الصورة الفاصلة بين كل موضوع
        newsTitleBg = 'var(--primary)', // لون خلفية نص آخر الأخبار
        newsBg = '#FFF', // لون خلفية شريط آخر الأخبار

        newsLocation = '.newsLocation',
        lastNewsContainer = document.createElement("DIV");
    lastNewsContainer.className = "lastNewsContainer";
    lastNewsContainer.style.maxWidth = "98.9vw";
    lastNewsContainer.innerHTML =
        '<div class="lastNewsTitle">' + lastNewsTitle + '</div><div class="lastNewsItems-wrap"><div class="lastNewsItems marquee"></div></div>';
    if (document.querySelector(newsLocation)) {
        document.querySelector(newsLocation).appendChild(lastNewsContainer);

        function loadDoc(f, c) {
            var xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                    var parser = new DOMParser(),
                        newsResult = parser.parseFromString(this.responseText, "text/xml");
                    for (i = 0; i < c; i++) {
                        var lastNewsBlock = document.createElement('SPAN');
                        lastNewsBlock.className = 'lastNewsBlock';
                        lastNewsBlock.innerHTML = '<a href="' + newsResult.querySelectorAll('item')[i].querySelector('link').innerHTML + '" class="lastNews">' + newsResult.querySelectorAll('item')[i].querySelector('title').innerHTML + '</a><img src="' + separateImg + '" class="separateImg" alt="" />';
                        document.querySelector('.lastNewsItems').append(lastNewsBlock);
                    }
                }
            };
            xhttp.open("GET", "/feed?f=" + f, true);
            xhttp.send();
        }
        loadDoc(forumNumper, numberOfNews);
        var newsStyle = document.createElement('STYLE');
        newsStyle.innerHTML = '.marquee { padding-right: 100%; white-space: nowrap; animation: marquee ' + speedOfNews + 's linear infinite; } .separateImg, .lastNews { display: inline-block; vertical-align: middle; } .separateImg { margin: 0 40px; max-width: 30px; max-height: 30px; } .lastNewsBlock:last-child .separateImg { display: none; } .lastNewsItems-wrap:hover .marquee { animation-play-state: paused } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(100%, 0); } } .lastNewsContainer { display: inline-flex; align-items: center; background: ' + newsTitleBg + '; color: #FFF; margin: 20px 0; box-sizing: border-box; } .lastNewsTitle { min-width: 100px; text-align: center; } .lastNewsItems-wrap { width: calc(100% - 100px); background: ' + newsBg + '; border: 1px solid ' + newsTitleBg + '; overflow: hidden; }';
        document.head.appendChild(newsStyle);
        setInterval(function() {
            var marqueeW = document.querySelector('.lastNewsItems').scrollWidth;
            document.querySelector('.lastNewsItems').style.minWidth = '' + marqueeW + 'px';
        }, 500);
    }
});
// by omarpop23

التعديات:
يمكنك فقط تعديل اللغه و النصوص من هنا
الكود:
   var lastNewsTitle = 'آخر الأخبار',
        forumNumper = '1', // رقم القسم
        numberOfNews = '3', // عدد المواضيع
        speedOfNews = '30', // سرعة التتالي
        separateImg = 'https://i51.servimg.com/u/f51/19/34/86/41/best-d10.png',   // الصورة الفاصلة بين كل موضوع
        newsTitleBg = '#369FCF',    // لون خلفية نص آخر الأخبار
        newsBg = '#FFF',    //

تحياتي لكـــم
@omarpop23


عدل سابقا من قبل omarpop23 في 2020-10-31, 11:33 am عدل 2 مرات
ابو مجد
ابو مجد
عضو احلى مطور
المساهمات :
69
النقاط :
117
التقيم :
0
البلد :
Syria
صديقي العزيز صباح الخير
كود شريط اخر الاخبار
الكود شغال 100% و لكن هناك مشكلة
و هي عند الانتقال الى نسخة الجوال
الصفحات التي وضع بها شريط الاخبار مثلا بالصفحة الرئيسية
لم يعد زر القائمة الرئيسية التي تظهر بالجانب الايسر تظهر
و التي يمكننا من خلالها الدخول و الخروج و الانتقال الى نسخة الجوال او الحاسب

موجودا
بالنسية لمنتدانا وضعته فقط بالصفحة الرئيسية و المنتديات الفرعية ( بالتالي لا تظهر ايضا لدي )
و تظهر فقط داخل المواضيع لانني ام افعل اظهاره
علما انني اعمل على نسخة modrem BB

و حتى بمنتداك احلى مطور المشكلة موجودة
و عندما انتقلت الى نسخة الجوال لم اعد استطيع العودة لرؤية المنتدى بكسلة الحاسوبي
من خلال مستعرض الموبايل
شريط اخر الاخبار و اخر المواضيع للنسخه الاخيره AwesomeBB لاحلى منتدي 2020 Screen10

اردت التنويه لحل المشكلة
و تقبل مروري مع التحية
Dr.OmaR
Dr.OmaR
المؤسس
القوس
المساهمات :
479
النقاط :
1013
التقيم :
103
العمر :
29
الاوسمة :
شريط اخر الاخبار و اخر المواضيع للنسخه الاخيره AwesomeBB لاحلى منتدي 2020 Crown_gold
البلد :
مصر
تم تحديث الكود.
ابو مجد
ابو مجد
عضو احلى مطور
المساهمات :
69
النقاط :
117
التقيم :
0
البلد :
Syria
مشكور صديقنا Omarpop23
تم تحديث الكود و هو يعمل بشكل ممتاز
ابو مجد
ابو مجد
عضو احلى مطور
المساهمات :
69
النقاط :
117
التقيم :
0
البلد :
Syria
استاذ عمر
هل هذا الكود يعمل على نسخة الجوال
لنسخة
modern BB

يعمل ام فقط مخصص على نسخة الجوال AwesomeBB


Dr.OmaR
Dr.OmaR
المؤسس
القوس
المساهمات :
479
النقاط :
1013
التقيم :
103
العمر :
29
الاوسمة :
شريط اخر الاخبار و اخر المواضيع للنسخه الاخيره AwesomeBB لاحلى منتدي 2020 Crown_gold
البلد :
مصر
اعتقد انه يعمل
gsm_bouali
gsm_bouali
عضو احلى مطور
المساهمات :
15
النقاط :
19
التقيم :
0
شكرا علي الكود Good
gsm_bouali
gsm_bouali
عضو احلى مطور
المساهمات :
15
النقاط :
19
التقيم :
0
أخي omarpop23
لديا مشكل في سرعة التتالي
قمت بتغيير العدد من 30 إلب 40 إلي 60 إلي ........ نفس المشكل السرعة كبيرة
قمت بتقليص العدد من 30 إلي 20 إلي 10 ............ نفس المشكل السرعة كبيرة

وأيضا هناك مشكل في تتالي المواضيع ظهور أخر المواضيع هناك مساحة كبيرة بين ظهور 5 مواظيع الأولي وإعادة ظهور ال5 مواضيع التالية
avatar
HB NET
عضو احلى مطور
المساهمات :
1
النقاط :
5
التقيم :
0
لا يظهر جيدا وغير مرتب
واصل افادتنا وجزاك الله خيرا
لماذا المحتوى العربي ضعيف جدا
Dr.OmaR
Dr.OmaR
المؤسس
القوس
المساهمات :
479
النقاط :
1013
التقيم :
103
العمر :
29
الاوسمة :
شريط اخر الاخبار و اخر المواضيع للنسخه الاخيره AwesomeBB لاحلى منتدي 2020 Crown_gold
البلد :
مصر
HB NET كتب:لا يظهر جيدا وغير مرتب
واصل افادتنا وجزاك الله خيرا
لماذا المحتوى العربي ضعيف جدا

قم بفتح موضوع جديد و قم بتصوير المشكله عندكـ و سأتابع معك حل المشكله ♥
ahvr hgrg,f
ahvr hgrg,f
عضو احلى مطور
المساهمات :
14
النقاط :
16
التقيم :
0
مشكوووووووور على الكود
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى