طلب تعديل علي كود أخر مواضيع
2 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
طلب تعديل علي كود أخر مواضيع
طلب تعديل علي كود أخر مواضيع
الكود هو التالي
الكود يعمل لديا في المنتدي بدون أي مشكل
لاكن هناك مشكل في سرعة تتالي المواضيع
موجودة في الكود سرعة التتالي "30" حتي عند تغير السرعة إلي 20 أو 10 أو 40 أو 50 أو .......... يبقي ظهور المواظيع عند التتالي بسرعة كبيرة
مما يجعلك لا تستطيع قرائة المواضيع
الكود للأخ omarpop23
نسخة المنتدي = النسخه الاخيرة AwesomeBB
ربط المنتدي= https://www.gsmbouali.com/
وشكرا لكم مسبقا
الكود هو التالي
- الكود:
[left][font=monospace]$(function getNews() {
var lastNewsTitle = 'أخر المواضيع',
forumNumper = '5', // رقم القسم
numberOfNews = '5', // عدد المواضيع
speedOfNews = '80', // سرعة التتالي
separateImg = 'https://i.servimg.com/u/f66/18/72/45/88/tunisi10.png', // الصورة الفاصلة بين كل موضوع
newsTitleBg = 'var(--primary)', // لون خلفية نص آخر الأخبار
newsBg = '#FFF', // لون خلفية شريط آخر الأخبار
newsLocation = '.newsLocation',
lastNewsContainer = document.createElement("DIV");
lastNewsContainer.className = "lastNewsContainer";
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: #040FFA; margin: 0px 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[/font][/left]
الكود يعمل لديا في المنتدي بدون أي مشكل
لاكن هناك مشكل في سرعة تتالي المواضيع
موجودة في الكود سرعة التتالي "30" حتي عند تغير السرعة إلي 20 أو 10 أو 40 أو 50 أو .......... يبقي ظهور المواظيع عند التتالي بسرعة كبيرة
مما يجعلك لا تستطيع قرائة المواضيع
الكود للأخ omarpop23
نسخة المنتدي = النسخه الاخيرة AwesomeBB
ربط المنتدي= https://www.gsmbouali.com/
وشكرا لكم مسبقا
رد: طلب تعديل علي كود أخر مواضيع
تم الحل وهاذا الكود الصحيح
ويعمل 100%
ويعمل 100%
- الكود:
$(function getNews() {
var lastNewsTitle = 'آخر المواضيع',
forumNumper = '', // رقم القسم
numberOfNews = '20', // عدد المواضيع
speedOfNews = '120', // سرعة التتالي
separateImg = 'https://i.servimg.com/u/f66/18/72/45/88/tunisi10.png', // الصورة الفاصلة بين كل موضوع
newsTitleBg = '#369FCF', // لون خلفية نص آخر الأخبار
newsBg = '#FFF', // لون خلفية شريط آخر الأخبار
newsLocation = '.newsLocation',
lastNewsContainer = document.createElement("DIV");
lastNewsContainer.className = "lastNewsContainer";
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: #040FFA; margin: 0px 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; }';
newsStyle.innerHTML = '.marquee { display: inline-block; 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; width: 100%; align-items: center; background: ' + newsTitleBg + '; color: #FFF; margin: 0px 0; box-sizing: border-box; } .lastNewsTitle { min-width: 100px; text-align: center; } .lastNewsItems-wrap { width: 100%; 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
مواضيع مماثلة
» تعديل اخر 10 مواضيع
» اريد تعديل على كود اظهار اخر مواضيع هذا القسم
» أريد تعديل ايقونة ( لاتوجد مواضيع جديدة )
» تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد
» كيف اعمل تبادل المواضيع احد يدخل الى منتداي يعطيني 10 مواضيع و انا ادخل لمنتداه نعطيه 10 مواضيع
» اريد تعديل على كود اظهار اخر مواضيع هذا القسم
» أريد تعديل ايقونة ( لاتوجد مواضيع جديدة )
» تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد
» كيف اعمل تبادل المواضيع احد يدخل الى منتداي يعطيني 10 مواضيع و انا ادخل لمنتداه نعطيه 10 مواضيع
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى