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

اذهب الى الأسفل

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

مُساهمة من طرف ابن الاسلام السبت 22 يناير 2011 - 0:22

بسم الله الرحمن الرحيم
   
السلام عليكم ورحمه الله وبركاته

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


   
الشكل النهائي للتّغيير


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


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

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

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

   #1 لوحة الادارة >> مظهر المنتدي >> تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) Type_li التومبلايتات و القوالب >> إدارة عامة

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

   >> بعد هذا ندخل إلى تومبيلات "viewtopic_body"
   تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 3bysal10

   #2 بعد دخولنا للقالب نبحث عن البادئة التالية
   
<!-- BEGIN switch_vote -->
   
فنلاحظ تواجد هته الرموز :
   
(+)
   (---)
   ( -)
   وكما هو مبين في الصورة:
   تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 4bysal10


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


   >> الكود رقم 1# <<
   
الكود:
<img src="http://i31.servimg.com/u/f31/11/61/12/59/11111110.gif">






   >> وهو الذي سنوعض به الرمز "+" بهذه الصورة تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 11111110


   >> الكود رقم2# <<
   
الكود:
<img src="http://i31.servimg.com/u/f31/11/61/12/59/eiaa_u15.png">





    >> وهو الذي سنوعض به الرمز "---" بهذه الصورة تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) Eiaa_u15


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

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





     >> وهو الذي سنوعض به الرمز "-" بهذه الصورة تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 22222210


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




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

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

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

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



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

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


   دعونا الأن ننتقل للخطوة التالية وتغيير مكان التقييم بإستخدام كود css خاصتنا :
   لوحة الإدارة >> مظهر المنتدى >> ألون وصور >> ألوان >> ورقة التصاميم css
   تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 1bysal10
   تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 9bysal10

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


الكود:
.vote {        float: right;        width: 9px;        margin-right: 4px;        }  


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

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

تم تجديد الصور والشرح بواسطة : SaLEm Hen!CHE


عدل سابقا من قبل (GeNeRaL) في الأحد 21 يونيو 2015 - 14:47 عدل 2 مرات (السبب : تجديد الصور والشرح)
ابن الاسلام
ابن الاسلام
 
 

ذكر
عدد المساهمات : 5601
معدل النشاط : 11909
السُمعة : 2

http://www.hosamzewain.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى