دعم أحلى منتدى

جديد ترقيم صفحات المواضيع في نسخة الجوال المتطورة

منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى ::   :: التقنيات المتقدمة :: أكواد التومبلايت

اذهب الى الأسفل

جديد ترقيم صفحات المواضيع في نسخة الجوال المتطورة Empty جديد ترقيم صفحات المواضيع في نسخة الجوال المتطورة

مُساهمة من طرف كونان2000 الثلاثاء 15 يونيو 2021 - 16:38

السلام عليكم ورحمة الله وبركاته
كود لترقيم صفحات المواضيع في نسخة الجوال
جديد ترقيم صفحات المواضيع في نسخة الجوال المتطورة Aa_ci726

هذا الكود قديم و كان يعمل في الماضي على النسخة الكلاسيكية ثم تعطل بعد التحديثات لنسخة الجوال,
والحمد لله نجحت في تحديث الكود واصبح يعمل على نسخة الجوال المتطوره
السهمين الي لونهم اسود للتحريك لاظهار باقي الارقام الغير  ظاهره
وزر لصفحة البداية والاخر لصفحة النهاية

طريقة التركيب
لكي يعمل لكود من غير مشاكل
اول شيء اذهب الى لوحة الاداره > ادراه عامة > الرسائل و الإيميلات > تشكيل
عدد المساهمات في كل موضوع : ضع رقم 15
كما في الصوره
جديد ترقيم صفحات المواضيع في نسخة الجوال المتطورة Aa_ci727

نأتي الان للاكواد
اولا تأكد من تفعيل الجفا
العنوان: ترقيم الصفحات للجوال
أضف الكود الى :: اختر المواضيع
ثم الصق كود الجفا التالي
الكود:
$(function() {
  var perpage = 15, // amount of messages before a new page is added
  p = document.getElementsByTagName('P'), l = window.location.pathname, current, last, tid = l.replace(/\/t(\d+).*/,'$1'), tname = l.replace(/(\/t\d+|\/t\d+p\d+)(-.*)/,'$2'), style = document.createElement('STYLE'), css = '.pagi {height:auto;color:#FFF;position:static;margin:2px}.pagactif{color:#FF8;cursor:default}.scroller{position:absolute;width:30px;height:35px;cursor:pointer}.left.scroller{background:url(https://2img.net/i/fa/mobile/inner-left-arrow.png) no-repeat center #444;top: 7px;left:51px}.right.scroller{background:url(https://2img.net/i/fa/mobile/inner-right-arrow.png) no-repeat center #444;top: 7px;right:51px}', i,j;

  if (style.styleSheet) style.styleSheet.cssText = css;
  else style.appendChild(document.createTextNode(css));
  document.getElementsByTagName('HEAD')[0].appendChild(style);
 
  for (i=0; i<p.length; i++) {
    if (/mobile_title_content/.test(p[i].className)) {
      current = Number(p[i].innerHTML.replace(/.*?<strong>(\d+)<\/strong>.*?<strong>\d+<\/strong>/i,'$1'));
      last = Number(p[i].innerHTML.replace(/.*?<strong>\d+<\/strong>.*?<strong>(\d+)<\/strong>/i,'$1'));
    }
  }
 
  if (last >= current) {
    var b = document.getElementsByTagName('DIV'), title = document.createElement('DIV'), cen = document.createElement('DIV'), left = document.createElement('DIV'), right = document.createElement('DIV'), c = 1, d = 0;
    title.className = 'mobile_title', left.className = 'left scroller', right.className = 'right scroller', cen.className = '{PAGINATION}', cen.setAttribute('style','left:85px;right:85px;text-overflow:clip;');
    for (j=0; j<b.length; j++) if (/mobile_title/.test(b[j].className)) if (/\d+/.test(b[j].nextSibling.id) || /poll/.test(b[j].nextSibling.className)) b[j].parentNode.insertBefore(title,b[j].nextSibling);
    title.appendChild(cen), title.appendChild(left), title.appendChild(right);
 
    left.onmousedown = function() { cen.scrollLeft -= 100 };
    right.onmousedown = function() { cen.scrollLeft += 100 };
 
  while (d < 2) {
      if (d == 0 && current > 1) newPage('omobile_prev_button block', '<p>البداية</p>', '/t' + tid + tname, title);
      else if (d == 1 && current != last) newPage('omobile_next_button block', '<p>الاخيرة</p>', '/t' + tid + 'p' + Number(perpage * last - perpage) + tname, title);
      d += 1;
    } while (last + 1 > c) {
      if (c == current) newPage('.mobile_next_button block', c, 'javascript:void(0);', cen, 'currentPage');
      else newPage('.mobile_next_button block', c, '/t' + tid + 'p' + Number(perpage * c - perpage) + tname, cen);
      c += 1;
    }
    cen.scrollLeft = document.getElementById('currentPage').offsetLeft;
  }
  function newPage(classname, html, href, par, id) {var page = document.createElement('A'); page.className = classname, page.innerHTML = html, page.href = href, par.appendChild(page); if (id) page.id = id}
});

وضع الكود التالي بالcss
الكود:
.\.mobile_prev_button.block, .\.mobile_next_button.block {
    background-color: #09796f;
    border-radius: 100px;
    color: #FFF;
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 3px 0 0;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}
.\{PAGINATION\} {
    overflow: hidden;
    position: absolute;
    display: flex;
    line-height: 20px;
    top: 4px;
}

a#currentPage {
    background: #e91e63;
}

a.omobile_next_button.block {
 top: 0px;
    background: #cecece;
    position: absolute;
    left: 0;
    width: 40px;
    height: auto;
    cursor: pointer;
}

a.omobile_prev_button.block {
top: 0px;
    background: #cecece;
    position: absolute;
    right: 0;
    width: 40px;
    height: auto;
    cursor: pointer;
}
---------------



تمت كتابة هذا الكود بواسطة Ange Tuteur على النسخة القديمة,
تم تحديث الكود ليتوافق مع النسخة المتطورة بواسطة كونان2000


عدل سابقا من قبل كونان2000 في الأحد 28 أبريل 2024 - 10:02 عدل 1 مرات (السبب : تم تجديد الصور)
كونان2000
كونان2000
اشراف عام المساعدة
اشراف عام المساعدة

ذكر
عدد المساهمات : 1262
معدل النشاط : 2707
السُمعة : 194

https://anime.forumperso.com/

MostWanted, DeLeTe, الألحان المرحة, Witcherface, abigan و Mr Google يعجبهم هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى ::   :: التقنيات المتقدمة :: أكواد التومبلايت

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى