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

اذهب الى الأسفل 
كاتب الموضوعرسالة
كونان2000
احلى نائب
احلى نائب
كونان2000


ذكر
عدد المساهمات : 1751
معدل النشاط : 3626
السُمعة : 318

جديد ترقيم صفحات المواضيع  في نسخة الجوال المتطورة Empty
مُساهمةموضوع: جديد ترقيم صفحات المواضيع في نسخة الجوال المتطورة   جديد ترقيم صفحات المواضيع  في نسخة الجوال المتطورة Emptyالثلاثاء 15 يونيو 2021 - 17: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 مرات (السبب : تم تجديد الصور)

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

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://anime.forumperso.com/
 
جديد ترقيم صفحات المواضيع في نسخة الجوال المتطورة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» اواجه مشكله في نسخة الجوال وهي التحويل الاجباري الي صفحات غير مرغوب فيها من علي نسخة الجوال
» كود ترقيم صفحات الجوال لم يعد يعمل
» تجديدات إضافية على نسخة الجوال المتطورة لأحلى المنتديات
» جديد في أحلى المنتديات: إمكانية تعديل تومبلايتات نسخة الجوال + بطاقة Twitter لوسم المواقع + زر التغريد الخاص بموقع Twitter في المواضيع
» تفعيل ازرار الصندوق في نسخة الجوال لموضوع جديد

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى ::   :: التقنيات المتقدمة :: أكواد التومبلايت-
انتقل الى: