The Best
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

The Bestدخول
●● إعلانـات ●●
إعلانك هنا إعلانك هنا إعلانك هنا
إعـلانـات المنتـدى

إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
95 المساهمات
89 المساهمات
77 المساهمات
50 المساهمات
23 المساهمات
19 المساهمات
18 المساهمات
16 المساهمات
15 المساهمات
11 المساهمات
آخر المشاركات




×
النص



لون شفاف

الألوان الافتراضية
×
الخلفية



لون شفاف

الألوان الافتراضية
×
النص



لون شفاف

الألوان الافتراضية
×
الخلفية



لون شفاف

الألوان الافتراضية

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

more_horiz
السلام عليكم ورحمة الله وبركاته
كود لترقيم صفحات المواضيع في نسخة الجوال
جديد ترقيم صفحات المواضيع  في نسخة الجوال المتطورة 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

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

more_horiz
و عليكم السلام و رحمة الله و بركـاته

كود جميل جدا و يجعل المواضيع تشبه أكثر منشورات مواقع التواصل الاجتماعي

جزيل الشكر لك نوار ^^

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

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

more_horiz
سلمت يدآك على الطرح
بـ نتظـآر آلمزيد من هذا آلفيـض الراآقي
لك كل الود والاحترام

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

more_horiz
شكرآ لك
 KonuEtiketleri عنوان الموضوع
جديد ترقيم صفحات المواضيع في نسخة الجوال المتطورة
 Konu BBCode BBCode
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
remove_circleمواضيع مماثلة