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

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

صورة :



منتديات الابداع والمساعدة
=============
هذا الكود للنسخة الثالثة ..
=============
اولا
ضع هذا في ورقة التصميم 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="https://i.servimg.com/u/f31/11/61/12/59/11111110.gif" alt="Отлично!" Title="Отлично!">')); jQuery("div.vote-button a:contains('-')").append(jQuery('<img src="https://i.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(https://i.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="https://i.servimg.com/u/f31/11/61/12/59/11111110.gif" alt="جيد" Title="جيد">')); jQuery("div.vote-button a:contains('-')").append(jQuery('<img src="https://i.servimg.com/u/f31/11/61/12/59/22222210.gif" alt="سيئ" Title="سيئ">')); });

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

اقتباس:

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

Medo Ledo