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

صفحة 2 من اصل 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

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


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

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


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

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

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


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

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


http://kokoro.123.st/

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

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

مُساهمة من طرف AmEr MaGroh في الأربعاء سبتمبر 14, 2016 11:14 pm


AmEr MaGroh
عضو نشيط
عضو نشيط

الجنس : ذكر

الدلو

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

نقاط النشاط : 407

السٌّمعَة : 9

بلد العضو :

العمر : 14


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

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

مُساهمة من طرف AYOUB bl في الجمعة سبتمبر 16, 2016 3:26 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

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

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

مُساهمة من طرف AbdallahBeraida في الجمعة أكتوبر 28, 2016 4:04 pm


AbdallahBeraida
اشراف عام التصميم
اشراف عام التصميم

الجنس : ذكر

الدلو

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

نقاط النشاط : 5821

السٌّمعَة : 346

بلد العضو :

العمر : 21





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

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

مُساهمة من طرف 1sLaM A7mEd في السبت نوفمبر 19, 2016 10:06 am


1sLaM A7mEd
نائب الإدارة

نائب الإدارة

الجنس : ذكر

الاسد

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

نقاط النشاط : 11608

السٌّمعَة : 64

بلد العضو :

العمر : 19


http://www.anjezweb.com/

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

صفحة 2 من اصل 2 الصفحة السابقة  1, 2

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

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

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

سجل معنا الان

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


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

سجل دخولك

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


سجل دخولك

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