تغيير التقييم فى المساهمات حصرى على الدعم الفنى

اهلا بكل اعضاء وزوار منتديات
الابداع والمساعدة الكرام

بمناسبة افتتاح القسم .. قمت بتطوير كود جميل جدا
لتغيير شكل التقييم بدون تومبلايت
بشكل رائع ..

صورة :



منتديات الابداع والمساعدة
=============
هذا الكود للنسخة الثالثة ..
=============
اولا
ضع هذا في ورقة التصميم css

الكود:


/*كود تغيير شكل التقييم Medo Ledo*/
.vote .vote-no-bar {
display:none;
}
.vote {
width: auto;
}
.vote-button {
width: auto;
font-size: 0px;
}

وثانيا كود Javascript

الكود:

طريقة التركيب
لوحة الادارة → عناصر اضافية → إدارة أكواد Javascript
منتديات الابداع والمساعدة

https://i.servimg.com/u/f49/15/29/54/79/04-07-10.png
نضغط علي : إنشاء كود جديد

العنوان : اختر اي اسم
أضف الكود الى : جميع الصفحات
معى تغيير الصور اذا اردت
https://i.servimg.com/u/f31/11/61/12/59/11111110.gif
https://i.servimg.com/u/f31/11/61/12/59/22222210.gif


-----------------------------------------------------------
بالنسبه للنسخة الثانية ..
كود css

الكود:

/*تغيير شكل التقييم بالمساهمات Medo Ledo*/

    .vote {
        float: right;
        width: 65px;
        margin-right: 4px;
font-size:0px ;

        }

    .vote  {
        margin-right:-12px;
        white-space:nowrap;
font-size:0px ;
        }
.vote .vote-no-bar {
background-image : url(http://i31.servimg.com/u/f31/11/61/12/59/eiaa_u15.png);
width:60px;
height:30px;
text-align: center;
color:#FFF;
font-size:0px ;
}


كود الجافا jQuery

الكود:

jQuery(document).ready(function(){
    jQuery(".vote-button
    a:contains('+')").append(jQuery('<img>
    src="http://i31.servimg.com/u/f31/11/61/12/59/11111110.gif"
    alt="جيد" Title="جيد">'));
    jQuery("div.vote-button
    a:contains('-')").append(jQuery('<img>
    src="http://i31.servimg.com/u/f31/11/61/12/59/22222210.gif" alt="سيئ" Title="سيئ">'));
    });

والان انتهى الشرح ..
ملحوظه هامة جدا

الكود حصري ومن انشائي لذالك يمنع نقلة بجميع الطرق

حتى عند ذكر المصدر

Medoo Ledoo