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

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

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

مثال

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ننزل للأسفل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

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

ننزل للأسفل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

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

الكود:: 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 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 لشكل التقييم الأول

الكود:: • •.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 لشكل التقييم الثاني

الكود:: • •.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; }

دمتم بخير

شكرا لك

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

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

رد: كود تغيير شكل التقييم بشكل مختلف - نظام تقييم جديد