شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

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

avatar
عضو نشيط
الجنس : ذكر

القوس

عدد المساهمات : 255

نقاط النشاط : 337

السٌّمعَة : 14

بلد العضو :

العمر : 15

معاينة صفحة البيانات الشخصي للعضوhttp://www.ahla-char7.blogspot.com
تمت المشاركة في الأحد يوليو 31, 2016 2:37 am
  • تقييم المساهمة: 50% (2)

السلام عليكم ورحمة الله وبركاتة
كود مميز جدا يظيف لمسة خيالية للتقيم في المشاركات والمواضيع
مميزات الكود
- يعمل على النسخة 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
كود جميل وفقك الله

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

avatar
عضو دهبي
الجنس : ذكر

السرطان

عدد المساهمات : 5447

نقاط النشاط : 6759

السٌّمعَة : 821

بلد العضو :

العمر : 20



معاينة صفحة البيانات الشخصي للعضوhttp://Yalla4u.0wn0.Com
تمت المشاركة في الأحد يوليو 31, 2016 4:33 pm
جميل جداً ما شاء الله
بارك الله فيك
التوقــيـــــــــــــــــــــع

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

avatar
عضو جديد
الجنس : ذكر

عدد المساهمات : 87

نقاط النشاط : 215

السٌّمعَة : 10

بلد العضو :

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الأحد يوليو 31, 2016 4:35 pm
رائع وجميل وبارك الله فيك

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

avatar
عضو نشيط
الجنس : ذكر

القوس

عدد المساهمات : 255

نقاط النشاط : 337

السٌّمعَة : 14

بلد العضو :

العمر : 15

معاينة صفحة البيانات الشخصي للعضوhttp://www.ahla-char7.blogspot.com
تمت المشاركة في الأحد يوليو 31, 2016 6:06 pm
منورين الموضوع

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

avatar
عضو فعال
الجنس : ذكر

عدد المساهمات : 668

نقاط النشاط : 988

السٌّمعَة : 24

بلد العضو :

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الإثنين أغسطس 01, 2016 2:20 am
جميل جداً ما شاء الله
بارك الله فيك
التوقــيـــــــــــــــــــــع



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

avatar
عضو نشيط
الجنس : ذكر

القوس

عدد المساهمات : 255

نقاط النشاط : 337

السٌّمعَة : 14

بلد العضو :

العمر : 15

معاينة صفحة البيانات الشخصي للعضوhttp://www.ahla-char7.blogspot.com
تمت المشاركة في السبت أغسطس 06, 2016 3:12 pm
منور الموضوع

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

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

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

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

زائر
زائر
تمت المشاركة في الأحد أغسطس 28, 2016 5:59 am
السلام عليكم ورحمة الله وبركاته

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

تحياتــي

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

avatar
عضو نشيط
الجنس : انثى

الدلو

عدد المساهمات : 141

نقاط النشاط : 157

السٌّمعَة : 10

بلد العضو :

العمر : 17

معاينة صفحة البيانات الشخصي للعضوhttp://kokoro.123.st/
تمت المشاركة في الإثنين سبتمبر 05, 2016 1:27 pm
السلام عليكم ورحمة الله وبركاته

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

استمر بالابداع المستمر
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Propellerads                                                                           Propellerads