تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css )

   

    نجُبُّ إليكم اخواني في هذا الشرح طريقة تغيير شكل تقييم المساهمات داخل المواضيع لتصبح بشكل جميل ومميز ومختلف عن شكلها التقليدي
   

   

   


   ! ملحوظه:"لا تنسو تشغيل نظام النقاط"

   

اقتباس :

لتشغيل هذا النظام, عليك التوجه إلى لوحة الإدارة >> عناصر إضافية >> النقاط و السمعة >> نظام النقاط >> تشغيل نظام النقاط >> نعم.
   

   نبدأ على بركة الله وبسم الله:

   #1 لوحة الادارة >> مظهر المنتدي >> التومبلايتات و القوالب >> إدارة عامة

   
   

   >> بعد هذا ندخل إلى تومبيلات "viewtopic_body"
   

   #2 بعد دخولنا للقالب نبحث عن البادئة التالية
   

اقتباس :

<!-- BEGIN switch_vote -->

   

فنلاحظ تواجد هته الرموز :

   

(+)
   (---)
   ( -)

   وكما هو مبين في الصورة:
   


   وكما لاحظتم في الصورة هناك إشارات توضيحية
   دعونا الان نغير ما يجب تغييره وذلك بالإستعانة بتلك التلميحات في الصورة


   >> الكود رقم 1# <<
   

الكود:

<img src="http://i31.servimg.com/u/f31/11/61/12/59/11111110.gif">

   >> وهو الذي سنوعض به الرمز "+" بهذه الصورة


   >> الكود رقم2# <<
   

الكود:

<img src="http://i31.servimg.com/u/f31/11/61/12/59/eiaa_u15.png">

    >> وهو الذي سنوعض به الرمز "---" بهذه الصورة


   و أخيرا وليس آخراً
   >> الكود رقم 3# <<

   

الكود:

<img src="http://i31.servimg.com/u/f31/11/61/12/59/22222210.gif">

     >> وهو الذي سنوعض به الرمز "-" بهذه الصورة


   أي أننا نغير الرمز بكود تضمين الصورة المناسبة هذا كل ما في الأمر وبمنتهى البساطة .




   بعد إستكمال الخطوات السابقة ما بقي إلا ان نقوم بتسجيل العمل :

   

   وبعد هذا ننشر التومبيلات :

   



   الأن مبرووك عليك , وقل وداعاً لششكل التقليدي القديم.

   لحظة! إنتظر لنزيده رونقاً وجمالاً


   دعونا الأن ننتقل للخطوة التالية وتغيير مكان التقييم بإستخدام كود css خاصتنا :
   لوحة الإدارة >> مظهر المنتدى >> ألون وصور >> ألوان >> ورقة التصاميم css
   
   

   ضع هذا الكود في الورقة :

الكود:

.vote {        float: right;        width: 9px;        margin-right: 4px;        }  

   ثم قدمه
   

   
تم هذا الشرح ولله الحمد