منطقة الاعضاء


كلمة الادارة
تم بإذن الله فتح التبادل الاعلاني مع منتديات بيت الجزائر لكل العرب ، فلمن يهمه الامر يضع طلبه في القسم الخاص بالتبادل مح وصف المنتدى
 

أهلا وسهلا بك إلى بيت الجزائر لكل العرب.

الرئيسيةس .و .جبحـثالتسجيلدخول

بيت الجزائر لكل العرب


مرحبا بك عزيزى الزائر فى بيت الجزائر لكل العرب.

أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا. كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه

بيت الجزائر لكل العرب

اسم الموضوع: [STYLE] تومبيلات أنيق و جميل محول من نور أون لاينالأربعاء 18 أبريل 2018 - 12:32 من طرفخادم الاسلام اسم الموضوع: تومبيلات الاحصائيات الماسية الشاملة منسقة باحترافالأربعاء 18 أبريل 2018 - 12:23 من طرفخادم الاسلام اسم الموضوع: (TEMPLATE) إدارة البيانات الشخصية الجديد و الحصري 2016الأربعاء 18 أبريل 2018 - 12:16 من طرفخادم الاسلام اسم الموضوع: قالب الاحصائيات الجديد المميز 2016الأربعاء 18 أبريل 2018 - 11:24 من طرفخادم الاسلام اسم الموضوع: [JAVASCRIPT][حصري]و قبل أي منتدى عربي Messenger forumotion لمنتداك غاية في الجمالالخميس 5 أبريل 2018 - 18:55 من طرفmonirdahmanie اسم الموضوع: [template] احترافي و مميز من تحويل jar7الخميس 5 أبريل 2018 - 18:53 من طرفmonirdahmanie اسم الموضوع: كود سلايد شو احترافي سهل التركيب 2015السبت 31 مارس 2018 - 17:27 من طرفalzagri اسم الموضوع: [template][حصري] اخر المواضيع للنسخة ModernBBBETAالسبت 31 مارس 2018 - 9:55 من طرفالمدير اسم الموضوع: [Template] لوضع ايطار حول المواضيع كما موجود فى الـ vbالخميس 29 مارس 2018 - 10:44 من طرفalzagri اسم الموضوع: شريط آخر الأخبار المتحرك لمدونات بلوقر مع الإعداد والتنسيق الإثنين 26 مارس 2018 - 15:44 من طرفalzagri اسم الموضوع: كود فلاشي لفانوس رمضان في الزاوية الاعلى لمنتداكالإثنين 26 مارس 2018 - 6:48 من طرفعريب في بلادي اسم الموضوع: قالب زخرفة الاسماء حصريالأربعاء 14 مارس 2018 - 7:26 من طرفالسفير2

شاطر | 
 

 جافا + css زر الرسالة السابقة - الرسالة التالية

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
zizou75
اللقب:
المشرف العام
الرتبه:
المشرف العام
الصورة الرمزية

avatar

البيانات
الجنس :
ذكر
عدد المساهمات :
233
السٌّمعَة :
17
تاريخ التسجيل :
27/09/2014

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
موضوع: جافا + css زر الرسالة السابقة - الرسالة التالية الإثنين 7 ديسمبر 2015 - 10:56


جافا + css زر الرسالة السابقة - الرسالة التالية



بهذه التقنية ستتمكن من اضافة زر التالى و السابق

اضف الكود التالى فى الجافا سكربت

اسم العنصر: كما تشاء

مكان الظهور: جميع الصفحات

 
الكود:
     $(function(){
        
        var maxMP=50;/*2%/MP*/
        
        var a=["inbox","savebox"],b,dl=document.location.toString(),cc=1,cI=0,collect=[],SPP=false;
        
        var fpidP=function(dossier){var dossier=dossier,stop=stop||false;
        
        if(!stop)$.get("/privmsg?folder="+dossier+"&start="+cI,(function(dossier,d){
        
            var c,$d=$(d),i,l=dossier,$navMP=$("<div>",{id:"navMP"}),precedent,suivant;
        
            c=$("form[action^='/privmsg'] a[href^='/privmsg?folder="+l+"&mode=read&p=']",$d);
        
            if(!SPP){
        
        SPP=$("form[action^='/privmsg']
        a[href*='&start=']",$d).length?parseInt(/&start=(\d+)/.exec($("a[href*='&start=']",$d)[0].href)[1]):50;
        
            }
        
            for(i=0;i<c.length;i++){
        
        collect[cI+i]=c[i];
        
        }
        
         for(i=0;i<collect.length;i++){
        
         if(collect[i].href.indexOf('&p='+pid)!=-1){
        
        
        if(i!==collect.length-1)$navMP.append($('<a>',{id:"navMP-precedent",href:collect[i+1].href,title:collect[i+1].textContent}));
        
          if(i!==0)$navMP.append($('<a>',{id:"navMP-suivant",href:collect[i-1].href,title:collect[i-1].textContent}));
        
          /*Evitons les requetes inutiles...*/
        
          stop=i<collect.length-1;
        
          break;
        
          };
        
         }
        
         cI+=SPP;cc++;
        
         if(cc<=Math.ceil(maxMP/SPP)&&!stop){fpidP(dossier);}
        
        $("#navMP").length?$("#navMP").html($navMP.html()):$("form[action^='/privmsg']").before($navMP);
        
          
        
          }).bind(null,dossier))};
        
        for(b in a){
        
         if(dl.indexOf("/privmsg\?folder="+a[b]+"&mode=read&p=")!=-1){
        
          var pid=/&p=(\d+)/.exec(dl)[1];
        
          fpidP(a[b]);
        
         }
        
        }
        
        });
ثم اضف التالى فى ورقة التصميم CSS
   
الكود:
   #navMP>a{
        
        
        
          display:inline-block;
        
          padding-left:10px;
        
          padding-right:10px;
        
          font-size:16px;
        
          line-height:16px;
        
          color:#eee;
        
          background:#BDC8D0;
        
          text-decoration:none !important;
        
          border:1px solid #aaa;
        
        }
        
        #navMP>a:hover{
        
          color:#fff;
        
          background:#CDD8E0;
        
          text-decoration:none !important;
        
        }
        
        #navMP-precedent{
        
          border-radius:8px 0 0 8px;
        
        }
        
        #navMP-suivant{
        
          float:right;
        
          border-radius:0 8px 8px 0;
        
        }
        
        
        
        #navMP-precedent::before{
        
          content:"الرسالة السابقة"
        
        }
        
        #navMP-suivant::before{
        
          content:"الرسالة التالية"
        
        }
اذا اردت تغيير مكان الازرار بقالب privmsgs_read_body قم باضافة الكود التالى حيثما تريد
الكود:
        <div id="navMP"></div>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
المعلومات
الكاتب:
monirdahmanie
اللقب:
الرتبه:
الصورة الرمزية


البيانات
الجنس :
ذكر
عدد المساهمات :
221
السٌّمعَة :
25
تاريخ التسجيل :
18/10/2015

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
موضوع: رد: جافا + css زر الرسالة السابقة - الرسالة التالية الأحد 13 ديسمبر 2015 - 19:03


رد: جافا + css زر الرسالة السابقة - الرسالة التالية
بارك الله فيك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
جافا + css زر الرسالة السابقة - الرسالة التالية
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
شارك هذا الموضوع...
روابط هذا الموضوع
URL:
BBCode:
HTML:
صفحة 1 من اصل 1

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة
الرد السريع
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
بيت الجزائر لكل العرب :: 
دعم منتديات أحلى منتدى
 :: :: أكواد Java Script و jQuery
-
انتقل الى:  

منتديات بيت الجزائر لكل العرب

↑ Grab this Headline Animator

© phpBB | الحصول على منتدى | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | انشئ مدونتك الخاصة مجانيا