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

صفحة 1 من اصل 2 1, 2  الصفحة التالية

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

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

مُساهمة من طرف 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;


}



دمتم بالف خير
وردة حمراء وردة حمراء وردة حمراء وردة حمراء


AYOUB bl
عضو نشيط
عضو نشيط

الجنس : ذكر

القوس

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

نقاط النشاط : 316

السٌّمعَة : 11

بلد العضو :

العمر : 15


http://www.ahla-char7.blogspot.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

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


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


زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

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


K!M0
عضو دهبي
عضو دهبي

الجنس : ذكر

السرطان

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

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

السٌّمعَة : 821

بلد العضو :

العمر : 19


http://Yalla4u.0wn0.Com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

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


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


مدير الاكاديمية
عضو جديد
عضو جديد

الجنس : ذكر

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

نقاط النشاط : 103

السٌّمعَة : 10

بلد العضو :


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

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


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




التوقيع



www.best-char7.tech
[size=18]مدونة احلى شرح افضل مدونة في العالم العربي تتخصص في مجال المعلوميات وكل ماهو جد جديد[/size]
26-39 26-39 26-39 26-39 26-39 26-39

AYOUB bl
عضو نشيط
عضو نشيط

الجنس : ذكر

القوس

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

نقاط النشاط : 316

السٌّمعَة : 11

بلد العضو :

العمر : 15


http://www.ahla-char7.blogspot.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

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


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




التوقيع




THE ROCK
عضو فعال
عضو فعال

الجنس : ذكر

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

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

السٌّمعَة : 24

بلد العضو :


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

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


منور الموضوع




التوقيع



www.best-char7.tech
[size=18]مدونة احلى شرح افضل مدونة في العالم العربي تتخصص في مجال المعلوميات وكل ماهو جد جديد[/size]
26-39 26-39 26-39 26-39 26-39 26-39

AYOUB bl
عضو نشيط
عضو نشيط

الجنس : ذكر

القوس

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

نقاط النشاط : 316

السٌّمعَة : 11

بلد العضو :

العمر : 15


http://www.ahla-char7.blogspot.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف 1M ThE BesT في السبت أغسطس 27, 2016 5:55 pm


1M ThE BesT
مؤسس الابداع العربي

مؤسس الابداع العربي

الجنس : ذكر

الدلو

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

نقاط النشاط : 27783

السٌّمعَة : 304

بلد العضو :

العمر : 20


http://jalil.assassino

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

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


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

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

تحياتــي


زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

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


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

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

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


زعيمة الفوتوشوب!!!
عضو نشيط
عضو نشيط

الجنس : انثى

الدلو

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

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

السٌّمعَة : 10

بلد العضو :

العمر : 16


http://kokoro.123.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

صفحة 1 من اصل 2 1, 2  الصفحة التالية

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

سجل دخولك لتستطيع الرد بالموضوع

لابد تكون لديك عضوية لتستطيع الرد سجل الان

سجل معنا الان

انضم الينا بمنتدي الابداع العربي فعملية التسجيل سهله جدا ؟


تسجيل عضوية جديدة

سجل دخولك

لديك عضوية هنا ؟ سجل دخولك من هنا .


سجل دخولك

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى