ان كنت استفدت من محتوى المنتدى فاضغط على الاعلانات..

Javascript ترقيم صفحات بشكل احترافي

  افضل مساهمة1
Javascript ترقيم صفحات بشكل احترافي
الكود يعمل على ترقيم صفحات بشكل جميل ومظهر ﻻئق
صورة لعمل الكود

https://i.imgur.com/w2NzZaU.png
طريقة التركيب اذهب إلى. لوحة الادارة. عناصر اضافية. HTML و JAVASCRIPT. اكواد javascript
تفعيل اكواد javascript اختار نعم وسجل
ثم انشاء كود الاسم اي شئ اختار جميع صفحات
وضع الكود الاتي
الكود:

$(function(){
     
    $('head').append('<style>.paging a, .paging b {text-decoration:none;background-color: #e9e9e9;border: 1px solid #afafaf;border-radius: 3px;box-shadow: 1px 1px 1px #ddd;color: #717171 !important;padding: 5px 8px;cursor: default;}.paging a:hover {background: #fff;}.paging b {background: #fff;border-color: #ccc;box-shadow: 0 0 5px #ccc inset;}.paging .disabled {background: #eee !important;border-color: #ccc !important;box-shadow: none;color: #999 !important;cursor: not-allowed;}</style>');
    var sPages = jQuery('.paging');
    if (sPages.length) {
      sPages.html(sPages
        .html()
        .replace(/<\/a> :/g, '<\/a> ')
        .replace(/<\/a>, <b>/g, '</a> <b>')
        .replace(/>,.<a/g, '> <a')
      );
    };
        var ante = jQuery('.paging .sprite-arrow_prosilver_left').length;
        var prox = jQuery('.paging .sprite-arrow_prosilver_right').length;
        if (ante && prox )  {
            jQuery('.paging .sprite-arrow_prosilver_right').replaceWith('<span title="Go to the next page.">Next »</span>');
            jQuery('.paging .sprite-arrow_prosilver_left').replaceWith('<span title="Go to the previous page.">« Previous</span>');
        } else if (ante) {
            jQuery('.paging').append('<a class="disabled" title="Go to the next page." style="margin-left: 5px;">Next »</a>');
            jQuery('.paging .sprite-arrow_prosilver_left').replaceWith('<span title="Go to the previous page.">« Previous</span>');
        } else if (prox) {
            jQuery('.paging a:first').after('<a class="disabled" title="Go to the next page.">« Previous</a>');
            jQuery('.paging .sprite-arrow_prosilver_right').replaceWith('<span title="Ir para a próxima página.">Next »</span>');
        }
    $('.paging a:first').remove();
    });


m13
  افضل مساهمة2
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة 
إنـجاز أكثر رائــــــع 
لكن أرجو منكَ عدم التوقف عند هذا الحد 
مـنتظرين ابداعتــــــك 
دمتـ ودام تألقـك 
تحياتــي
  افضل مساهمة3
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
لاتستطيع الرد على المواضيع في هذا المنتدى