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

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

صورة :



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

الكود:

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

وثانيا كود Javascript

الكود:

<script type='text/javascript' charset='windows-1251'>
jQuery(document).ready(function(){
jQuery("div.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="Бесполезно">'));
});
</script>

طريقة التركيب
لوحة الادارة → عناصر اضافية → إدارة أكواد 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="سيئ">'));
    });

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

اقتباس :

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

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

Medo Ledo