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

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

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;


}



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

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

عضو نشيط
عدد المساهمات : 141

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

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

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

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

زائر
زائر
تمت المشاركة في الأربعاء سبتمبر 14, 2016 11:14 pm
شكرااا

كود رائع

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

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

القوس

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

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

السٌّمعَة : 14

بلد العضو :

العمر : 15

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

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

بصمة خالدة
الجنس : ذكر

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

نقاط النشاط : 6286

السٌّمعَة : 367

بلد العضو :

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الجمعة أكتوبر 28, 2016 4:04 pm
موضوع مميز
بوركت اخي
تقبل مروري وفائق احترامي
دمت بخير

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

avatar
بصمة خالدة
الجنس : ذكر

الاسد

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

نقاط النشاط : 11656

السٌّمعَة : 65

بلد العضو :

العمر : 20

معاينة صفحة البيانات الشخصي للعضوhttp://www.anjezweb.com/
تمت المشاركة في السبت نوفمبر 19, 2016 10:06 am
شكرا لك على الطرح المميز
التوقــيـــــــــــــــــــــع

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

avatar
بصمة خالدة
الجنس : انثى

السمك

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

نقاط النشاط : 140990

السٌّمعَة : 2956

بلد العضو :

العمر : 31



معاينة صفحة البيانات الشخصي للعضوhttp://taqnyiat.ahlamontada.com/
تمت المشاركة في السبت يناير 28, 2017 11:45 pm
#تقنية_تكويد
#تعلم_تكويد
#برمجه_احلى_منتدى
#طور_منتداك
يعطيك العافية على العطاء
 واصل تالقك
التوقــيـــــــــــــــــــــع



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

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

القوس

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

نقاط النشاط : 719

السٌّمعَة : 38

بلد العضو :

العمر : 20

معاينة صفحة البيانات الشخصي للعضوhttp://egyptian-cafe.123.st/
تمت المشاركة في الإثنين يناير 30, 2017 5:40 pm
كود جميل شكرا لك
التوقــيـــــــــــــــــــــع

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

avatar
بصمة خالدة
الجنس : ذكر

السمك

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

نقاط النشاط : 23621

السٌّمعَة : 104

بلد العضو :

العمر : 16

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الجمعة فبراير 17, 2017 1:50 pm
يعطيك العافية
التوقــيـــــــــــــــــــــع


يا رب ان كان هناك حاسدا يكره أن يرانى سعيدا فأرزقه سعادة تنسيه أمر سعادتى
وردة حمراءوردة حمراء

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

avatar
بصمة خالدة
الجنس : ذكر

القوس

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

نقاط النشاط : 35985

السٌّمعَة : 84

بلد العضو :

العمر : 31

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الثلاثاء مارس 21, 2017 1:20 am
بارك الله بيك
واصل
التوقــيـــــــــــــــــــــع

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

avatar
عضو محترف
الجنس : انثى

الثور

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

نقاط النشاط : 2081

السٌّمعَة : 9

بلد العضو :

العمر : 16




معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الخميس مارس 23, 2017 12:05 am
طرح مميز يعطيك العافية
التوقــيـــــــــــــــــــــع


أنـا فـتاة لآ أخــسـر #كــبريآئـي من أجـل بــقايـا حـب ،،
فـأنا أنـثــى لآيسـتطـيع أن يلــوي ذراعـي رجــل ...
أستطيـع ترک أغـلى شيء وأنا فـي قمـة السـعادة #واثـقة_من_نفـسي لـدرجـة أنـک لآ تـتحمـل #غـروري ...

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

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

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

نقاط النشاط : 496

السٌّمعَة : 1

بلد العضو :

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الخميس أغسطس 03, 2017 3:12 pm
أإسـ عٍ ـد الله أإأوٍقـآتَكُـ بكُـل خَ ـيرٍ دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Propellerads                                                                           Propellerads