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
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة 
إنـجاز أكثر رائــــــع 
لكن أرجو منكَ عدم التوقف عند هذا الحد 
مـنتظرين ابداعتــــــك 
دمتـ ودام تألقـك 
تحياتــي
لاتستطيع الرد على المواضيع في هذا المنتدى