الرئيسيةالرئيسية  س .و .جس .و .ج  بحـثبحـث  قائمة الاعضاءقائمة الاعضاء  التسجيلالتسجيل  المجموعاتالمجموعات  دخولدخول  

السلام عليكم ورحمة الله وبركاتة
كود مميز جدا يظيف لمسة خيالية للتقيم في المشاركات والمواضيع
مميزات الكود
- يعمل على النسخة phpbb2 بشكل خاص ويعمل على جميع النسخ بشرط تعديل موقعه
- يوجد عداد التقيمات
- التقييم اوتوماتيكي لايحتاج تحديث الصفحه عند اظافة التقييم
- يمكن التحكم بستايل وشكل التقيم تحكم كامل
- يمكن تغير مكان موقع التقييم ونقلة لموقع اخر في حال الرغبه

شكل الكود
يوجد شكلين للكود ويمكنكم التحكم في اشكالة من خلال css

مثال



طريقة التركيب

اولا لوحة الادارة



ننزل للأسفل



نخلي الاعدادات كما في الصورة



ثم نأتي لتركيب الكود

من لوحة الادارة

ننزل للأسفل



نتأكد من تفعيل الجافاسكربت









والآن اختاروا احد هذا الشكلين واظيفيوه

كود الشكل الأول للتقييم

الرمز:
var copyright ="www.haya-m.net - 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='http://i19.servimg.com/u/f19/19/16/18/86/11110.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);

كود الشكل الثاني لتقييم

الرمز:
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 لشكل التقييم الأول

الرمز:
    /* كود التقييم ------ www.haya-m.net -------*/
.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;
}

انتهينا من التركيب بنجاح

ملاحظة : بخصوص الي مفعلين التومبيلات ومعدلين على قالب المواضيع في حال لم يعمل معكم الكود لابد من اجراء التعديلات على الكود وتغير موقع التقييم ليتناسب مع التعديلات التي اظفتموها في قالب المواضيع

لتعديل موقع التقييم لإي مكان تريدونه عدلوا على السطر هذا
الرمز:
$(document).ready(function() {$('.post-options').after('<div class="Hayaliike"></div>');});

بحيث ان .post-options هو موقع التقييم الحالي يمكنكم تغيرة للموقع الذي ترغبونه

إذا استشكل عليكم إي خطوة في الكود من تعديلات واظافات وغيرها
يمكنكم طرحها هنا في التعليقات وسيتم الاجابة بأذن الله على جميع استفساراتكم
والسلام عليكم ورحمة الله وبركاتة


نُشرت في 24 05 2015   بواسطة  [ღ]هيآء محمدَ..


مُساهمة في 27.05.15 6:20 من طرف M!ss Asakura
حجز

مُساهمة في 27.05.15 21:10 من طرف dayana
لم يعمل كما ينبغي لقد أتى على شكل كتابة وحسب  Sad

مُساهمة في 27.05.15 22:53 من طرف [ღ]هيآء محمدَ..
غاليتي ديانا
تأكدي من وضع كود css
+
هل بالامكان صورة لشكل التقيم الذي يظهر لديك
حتى نحل المشكلة

مُساهمة في 28.05.15 18:54 من طرف dayana
آسفة على السمايل الغاضب لم أقصده
والصورة

مُساهمة في 29.05.15 23:10 من طرف [ღ]هيآء محمدَ..
هل ركبتي هذا الكود في css

الرمز:
    /* كود التقييم ------ www.haya-m.net -------*/
    .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;
    }

مُساهمة في 30.05.15 3:49 من طرف dayana
نعم حبي لقد ركبته وجافا ايضا 
حتى كود الازرار الجديدة لم ينفع

مُساهمة في 30.05.15 3:57 من طرف [ღ]هيآء محمدَ..
هل بالامكان رابط الموقع
التي لم يعمل فيها الاكواد
لأعرف اين سبب الخلل

مُساهمة في 30.05.15 5:38 من طرف dayana
حسنا 
Noujoum.moontada.com

مُساهمة في 30.05.15 6:45 من طرف [ღ]هيآء محمدَ..
ضعي الكود في اعلى ورقة css

مُساهمة في 30.05.15 7:09 من طرف dayana
نجح شكرا هياء أنت الأفضل

مُساهمة في 30.05.15 22:02 من طرف نَسِيــمٌ عَـآبر...♪♪
ما شاء الله
كثير حلوووووو ومميز
الله يعطيك العافية غاليتي
دمت بود =)

مُساهمة في 31.05.15 3:21 من طرف بسمة غلا
مشاء الله ربي يجزاك الجنة

مُساهمة في 10.06.15 1:49 من طرف mr.abolo
اختي بعض الاحيان يتسبب
باختفاء صندوق الرد
ممكن حل ؟؟

مُساهمة في 11.06.15 11:53 من طرف [ღ]هيآء محمدَ..
الغريب اني ماوجهت مثل هذي الحالة
ممكن رابط الموقع الذي تظهر فيه هذه المشكلة

مُساهمة في 11.06.15 15:54 من طرف mr.abolo
اختي المشكله هذه فقط في الردود
يعني الموضوع ما يصير فيه مشكله بعد انا يعجب احد
لكن الردود بعد ان اضغط على الزر يحسب الاعجاب
لكن لما ارفرش الصفحة
يتعارض الكود مع كل اكواد الجافا
بمافيهم صندوق الرد
انتظرك ؟

مُساهمة في 26.06.15 10:03 من طرف ameira
انا كمان ما اشتغل لما وضعت css الكود اشتغل