كود تغيير شكل التقييم بشكل مختلف - نظام تقييم جديد حصريا على منتدى الابداع العربي

 من طرف AYOUB bl في الأحد يوليو 31, 2016 2:37 am

السلام عليكم ورحمة الله وبركاتة
كود مميز جدا يظيف لمسة خيالية للتقيم في المشاركات والمواضيع
مميزات الكود
- يعمل على النسخة phpbb2 بشكل خاص ويعمل على جميع النسخ بشرط تعديل موقعه
- يوجد عداد التقيمات
- التقييم اوتوماتيكي لايحتاج تحديث الصفحه عند اظافة التقييم
- يمكن التحكم بستايل وشكل التقيم تحكم كامل
- يمكن تغير مكان موقع التقييم ونقلة لموقع اخر في حال الرغبه

شكل الكود
يوجد شكلين للكود ويمكنكم التحكم في اشكالة من خلال css

مثال



طريقة التركيب

اولا لوحة الادارة



ننزل للأسفل



نخلي الاعدادات كما في الصورة



ثم نأتي لتركيب الكود

من لوحة الادارة

ننزل للأسفل



نتأكد من تفعيل الجافاسكربت









والآن اختاروا احد هذا الشكلين واظيفيوه

كود الشكل الأول للتقييم

الكود:







var copyright ="[url=http://www.haya-m.net]www.haya-m.net[/url] - haya @ Rights Reserved";  


var haya_like_system = {


      dom_ready : false,


      vote_one : 'تقييم',


      vote_all : '',


      callback : function(vote, new_button) {


          $('.Hayaliike', vote.parentNode.parentNode.parentNode.parentNode).before( new_button );


      }


    };


    $(function() { haya_like_system.dom_ready = true; });





$(document).ready(function() {$('.post-options').after('<div class="Hayaliike"></div>');});





function Hlike(b,a){var d=a.innerHTML;a.innerHTML="<img src='[url=http://i19.servimg.com/u/f19/19/16/18/86/11110.gif]http://i19.servimg.com/u/f19/19/16/18/86/11110.gif[/url]' alt='يتم الآن...' />";a.onclick="#";$.get(b,function(){a.className+=" Hnovote";a.innerHTML=d;var c=a.nextSibling,b=parseInt(/\d+/.exec(c.innerHTML)[0])+1;c.innerHTML=c.innerHTML.replace(/\d+/,b)})};


var enkripsi="'1Aqapkrv'02qpa'1F'00jvvr'1C--hq,jc{c/o,lgv-nkig,hq'00'02v{rg'1F'00vgzv-hctcqapkrv'00'1G'1A-qapkrv'1G"; teks=""; teksasli="";var panjang;panjang=enkripsi.length;for (i=0;i<panjang;i++){ teks+=String.fromCharCode(enkripsi.charCodeAt(i)^2) }teksasli=unescape(teks);document.write(teksasli);

كود الشكل الثاني لتقييم

الكود:

var copyright ="www.haya-m.net - haya @ Rights Reserved";  


var haya_like_system = {


      dom_ready : false,


      vote_one : '<img src=http://i19.servimg.com/u/f19/19/16/18/86/add10.png />',


      vote_all : '',


      callback : function(vote, new_button) {


          $('.Hayaliike', vote.parentNode.parentNode.parentNode.parentNode).before( new_button );


      }


    };


    $(function() { haya_like_system.dom_ready = true; });





$(document).ready(function() {$('.post-options').after('<div class="Hayaliike"></div>');});





function Hlike(b,a){var d=a.innerHTML;a.innerHTML="<img src='http://i19.servimg.com/u/f19/19/16/18/86/opc-aj10.gif' alt='يتم الآن...' />";a.onclick="#";$.get(b,function(){a.className+=" Hnovote";a.innerHTML=d;var c=a.nextSibling,b=parseInt(/\d+/.exec(c.innerHTML)[0])+1;c.innerHTML=c.innerHTML.replace(/\d+/,b)})};


var enkripsi="'1Aqapkrv'02qpa'1F'00jvvr'1C--hq,jc{c/o,lgv-nkig,hq'00'02v{rg'1F'00vgzv-hctcqapkrv'00'1G'1A-qapkrv'1G"; teks=""; teksasli="";var panjang;panjang=enkripsi.length;for (i=0;i<panjang;i++){ teks+=String.fromCharCode(enkripsi.charCodeAt(i)^2) }teksasli=unescape(teks);document.write(teksasli);

والآن نذهب إلى



ننزل للأسفل







كود css لشكل التقييم الأول

الكود:


/* كود التقييم ------ [url=http://www.haya-m.net]www.haya-m.net[/url] -------*/




•
•.HMlike {

•



  background: #b1d689;


    border-radius: 0px 3px  3px 0px;


  padding: 2px 6px  2px 6px;


  color: #fff;


  font-size: 10px;


    font-weight: bold;


  font-family: Tahoma;


  border: 1px solid #6fc810;


  cursor: pointer;


  white-space: nowrap;


 }


.HMlike:hover{


  background: #a5ce79; }


 .Hvote { margin: 0 5px; }


 .Hnovote {


  filter:Alpha(opacity=50);


  opacity: 0.5;


  cursor: default;


  box-shadow: none;


  text-shadow: none;


 }





.Hlikecount{


   background: #6fc810;


    border-radius: 3px 0px  0px 3px;


  padding: 2px 3px  2px 3px;


  color: #fff;


  font-size: 10px;


    font-weight: bold;


  font-family: Tahoma;


  cursor: pointer;


  white-space: nowrap;


border: 1px solid #6fc810;


}





كود css لشكل التقييم الثاني

الكود:


/* كود التقييم ------ www.haya-m.net -------*/




•
•.HMlike {

•



          padding: 2px 2px  2px 2px;


      cursor: pointer;


  white-space: nowrap;


     }


     .Hvote { margin: 0 5px; }


     .Hnovote {


      filter:Alpha(opacity=30);


      opacity: 0.2;


      cursor: default;


      box-shadow: none;


      text-shadow: none;


     }





.Hlikecount{


       background: #6fc810;


        border-radius: 3px 3px  3px 3px;


      padding: 2px 2px  2px 2px;


      color: #fff;


      font-size: 10px;


        font-weight: bold;


      font-family: Tahoma;


      cursor: pointer;


  white-space: nowrap;


}

دمتم بالف خير

 من طرف زائر في الأحد يوليو 31, 2016 4:30 pm

كود جميل وفقك الله

 من طرف K!M0 في الأحد يوليو 31, 2016 4:33 pm

جميل جداً ما شاء الله
بارك الله فيك

التوقيع

لمراسلة الادارة بأمور خاصة لايشاهدها غير الادارة فقط

من هنا لطلب الالتحاق بفريق منتدانا الحبيب

 من طرف مدير الاكاديمية في الأحد يوليو 31, 2016 4:35 pm

رائع وجميل وبارك الله فيك

 من طرف AYOUB bl في الأحد يوليو 31, 2016 6:06 pm

منورين الموضوع

 من طرف THE ROCK في الإثنين أغسطس 01, 2016 2:20 am

جميل جداً ما شاء الله
بارك الله فيك

التوقيع

 من طرف AYOUB bl في السبت أغسطس 06, 2016 3:12 pm

منور الموضوع

 من طرف زائر في السبت أغسطس 27, 2016 5:55 pm

كود جميل شكرا لك

 من طرف زائر في الأحد أغسطس 28, 2016 5:59 am

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

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

تحياتــي

 من طرف زعيمة الفوتوشوب!!! في الإثنين سبتمبر 05, 2016 1:27 pm

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

شكرا لك على الموضوع الرائع

استمر بالابداع المستمر