هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
اريد تعديل شريط الاخبار الافقي بحيث يظهر بنسخة الجوال
3 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
اريد تعديل شريط الاخبار الافقي بحيث يظهر بنسخة الجوال
اصدقائي الكرام لدي الكود التالي من وضع شريط اخبار اخر المواضيع بشكل افقى
كما بالصورة التالية
اريد ان يظهر ايضا بنسخة الجوال ( المنتدى يعمل على نسخة Modern BB
يعني فقط يعمل فقط بنسخة الحاسوب
![اريد تعديل شريط الاخبار الافقي بحيث يظهر بنسخة الجوال Aoa15](https://i.servimg.com/u/f48/19/68/57/70/aoa15.jpg)
الكود
شكرا لكم سلفا
كما بالصورة التالية
اريد ان يظهر ايضا بنسخة الجوال ( المنتدى يعمل على نسخة Modern BB
يعني فقط يعمل فقط بنسخة الحاسوب
![اريد تعديل شريط الاخبار الافقي بحيث يظهر بنسخة الجوال Aoa15](https://i.servimg.com/u/f48/19/68/57/70/aoa15.jpg)
الكود
- الكود:
$(function getNews() {
var lastNewsTitle = 'آخر المواضيع',
forumNumper = '', // رقم القسم
numberOfNews = '20', // عدد المواضيع
speedOfNews = '120', // سرعة التتالي
separateImg = 'https://i.servimg.com/u/f29/20/07/03/20/person10.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: #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; }';
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: 20px 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
شكرا لكم سلفا
رد: اريد تعديل شريط الاخبار الافقي بحيث يظهر بنسخة الجوال
فقط ضع في نهاية قالب الـ overall_header الخاص بنسخة الجوال
- الكود:
<div class="newsLocation"></div>
رد: اريد تعديل شريط الاخبار الافقي بحيث يظهر بنسخة الجوال
لم تظهر المواضيع ضمن الشريط
فقط ظهر الشريط مع الصورة الرمزية المتحركة الفاصلة
مع الشكر يلفا
فقط ظهر الشريط مع الصورة الرمزية المتحركة الفاصلة
مع الشكر يلفا
رد: اريد تعديل شريط الاخبار الافقي بحيث يظهر بنسخة الجوال
ضع اكواد الـ CSS التالية في ورقة الـ CSS
- الكود:
#mpage-body-modern a.lastNews {
color: #39c;
font-size: 12px;
}
رد: اريد تعديل شريط الاخبار الافقي بحيث يظهر بنسخة الجوال
تم حل المشكلة & ينقل للأرشيف.
|
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
![اريد تعديل شريط الاخبار الافقي بحيث يظهر بنسخة الجوال 31010](https://i.servimg.com/u/f58/16/46/77/76/31010.png)
![اريد تعديل شريط الاخبار الافقي بحيث يظهر بنسخة الجوال 410](https://i.servimg.com/u/f35/16/46/77/76/410.png)
--------------------------------------------------
![اريد تعديل شريط الاخبار الافقي بحيث يظهر بنسخة الجوال 410](https://i.servimg.com/u/f35/16/46/77/76/410.png)
![اريد تعديل شريط الاخبار الافقي بحيث يظهر بنسخة الجوال 410](https://i.servimg.com/u/f35/16/46/77/76/410.png)
![-](https://2img.net/i/empty.gif)
» شريط آخر المواضيع الافقي يظهر لي في اليمين
» مشاكل بنسخة الجوال
» وضع كود دردشة بنسخة الجوال
» بنر خاص بنسخة الجوال للمنتدى
» مشكلة بنسخة الجوال ..
» مشاكل بنسخة الجوال
» وضع كود دردشة بنسخة الجوال
» بنر خاص بنسخة الجوال للمنتدى
» مشكلة بنسخة الجوال ..
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى