Dr.OmaR
المؤسس
المساهمات :
479
النقاط :
1013
التقيم :
103
العمر :
29
الاوسمة :
البلد :
مصر
2019-07-07, 6:41 pm
بناء علي طلب الكثير من اعضاء احلى منتدي علي شريط اخر المواضيع للنسخه الاخيرة AwesomeBB و شريط اخر الاخبار لقسم معين
ها انا اليوم أتيكم بكود شريط اخر الاخبار لقسم معين لعيونكم
صورة لكود
مميزات الكود
هناك المزيد من المزايا اكتشفها بنفسك ...
طريقة تركيب الكود:
انسخ الكود التالي في الاعلانات الخاصه او نهاية قالب الـ overall_header
لوحة الادارة - عناصر اضافية -- إدارة أكواد Javascript
إنشاء كود جديد
العنوان * : شريط اخر الاخبار
أضف الكود الى : جميع الصفحات
الكود:
التعديات:
يمكنك فقط تعديل اللغه و النصوص من هنا
تحياتي لكـــم
@omarpop23
ها انا اليوم أتيكم بكود شريط اخر الاخبار لقسم معين لعيونكم
صورة لكود
مميزات الكود
- امكانية جلب آخر مواضيع لقسم محدد اتوماتيكياً
- اذا تركت رقم القسم فارغ فإن الكود سيعرض آخر مواضيع المنتدي بشكل عام
- امكانية تحديد عدد معين للمواضيع في شريط الاخبار
- امكانية التحكم الكامل في شريط الاخبار من خلال الكود
- الكود يدعم نسخه الجوال
- الكود سريع وخفيف علي التصميم
هناك المزيد من المزايا اكتشفها بنفسك ...
طريقة تركيب الكود:
انسخ الكود التالي في الاعلانات الخاصه او نهاية قالب الـ 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
ابو مجد
عضو احلى مطور
المساهمات :
69
النقاط :
117
التقيم :
0
البلد :
Syria
2019-07-17, 8:30 am
صديقي العزيز صباح الخير
كود شريط اخر الاخبار
الكود شغال 100% و لكن هناك مشكلة
و هي عند الانتقال الى نسخة الجوال
الصفحات التي وضع بها شريط الاخبار مثلا بالصفحة الرئيسية
لم يعد زر القائمة الرئيسية التي تظهر بالجانب الايسر تظهر
و التي يمكننا من خلالها الدخول و الخروج و الانتقال الى نسخة الجوال او الحاسب
موجودا
بالنسية لمنتدانا وضعته فقط بالصفحة الرئيسية و المنتديات الفرعية ( بالتالي لا تظهر ايضا لدي )
و تظهر فقط داخل المواضيع لانني ام افعل اظهاره
علما انني اعمل على نسخة modrem BB
و حتى بمنتداك احلى مطور المشكلة موجودة
و عندما انتقلت الى نسخة الجوال لم اعد استطيع العودة لرؤية المنتدى بكسلة الحاسوبي
من خلال مستعرض الموبايل
اردت التنويه لحل المشكلة
و تقبل مروري مع التحية
كود شريط اخر الاخبار
الكود شغال 100% و لكن هناك مشكلة
و هي عند الانتقال الى نسخة الجوال
الصفحات التي وضع بها شريط الاخبار مثلا بالصفحة الرئيسية
لم يعد زر القائمة الرئيسية التي تظهر بالجانب الايسر تظهر
و التي يمكننا من خلالها الدخول و الخروج و الانتقال الى نسخة الجوال او الحاسب
موجودا
بالنسية لمنتدانا وضعته فقط بالصفحة الرئيسية و المنتديات الفرعية ( بالتالي لا تظهر ايضا لدي )
و تظهر فقط داخل المواضيع لانني ام افعل اظهاره
علما انني اعمل على نسخة modrem BB
و حتى بمنتداك احلى مطور المشكلة موجودة
و عندما انتقلت الى نسخة الجوال لم اعد استطيع العودة لرؤية المنتدى بكسلة الحاسوبي
من خلال مستعرض الموبايل
اردت التنويه لحل المشكلة
و تقبل مروري مع التحية
Dr.OmaR
المؤسس
المساهمات :
479
النقاط :
1013
التقيم :
103
العمر :
29
الاوسمة :
البلد :
مصر
ابو مجد
عضو احلى مطور
المساهمات :
69
النقاط :
117
التقيم :
0
البلد :
Syria
ابو مجد
عضو احلى مطور
المساهمات :
69
النقاط :
117
التقيم :
0
البلد :
Syria
Dr.OmaR
المؤسس
المساهمات :
479
النقاط :
1013
التقيم :
103
العمر :
29
الاوسمة :
البلد :
مصر
gsm_bouali
عضو احلى مطور
المساهمات :
15
النقاط :
19
التقيم :
0
gsm_bouali
عضو احلى مطور
المساهمات :
15
النقاط :
19
التقيم :
0
2019-11-23, 12:05 pm
أخي omarpop23
لديا مشكل في سرعة التتالي
قمت بتغيير العدد من 30 إلب 40 إلي 60 إلي ........ نفس المشكل السرعة كبيرة
قمت بتقليص العدد من 30 إلي 20 إلي 10 ............ نفس المشكل السرعة كبيرة
وأيضا هناك مشكل في تتالي المواضيع ظهور أخر المواضيع هناك مساحة كبيرة بين ظهور 5 مواظيع الأولي وإعادة ظهور ال5 مواضيع التالية
لديا مشكل في سرعة التتالي
قمت بتغيير العدد من 30 إلب 40 إلي 60 إلي ........ نفس المشكل السرعة كبيرة
قمت بتقليص العدد من 30 إلي 20 إلي 10 ............ نفس المشكل السرعة كبيرة
وأيضا هناك مشكل في تتالي المواضيع ظهور أخر المواضيع هناك مساحة كبيرة بين ظهور 5 مواظيع الأولي وإعادة ظهور ال5 مواضيع التالية
HB NET
عضو احلى مطور
المساهمات :
1
النقاط :
5
التقيم :
0
Dr.OmaR
المؤسس
المساهمات :
479
النقاط :
1013
التقيم :
103
العمر :
29
الاوسمة :
البلد :
مصر