تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css )
صفحة 1 من اصل 1
تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css )
بسم الله الرحمن الرحيم
السلام عليكم ورحمه الله وبركاته
نجُبُّ إليكم اخواني في هذا الشرح طريقة تغيير شكل تقييم المساهمات داخل المواضيع لتصبح بشكل جميل ومميز ومختلف عن شكلها التقليدي
وذلك بإستخدام كود تومبيلات + كود css
الشكل النهائي للتّغيير
![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) Bysale10](https://i.servimg.com/u/f18/18/35/95/03/bysale10.png)
! ملحوظه:"لا تنسو تشغيل نظام النقاط"
لتشغيل هذا النظام, عليك التوجه إلى لوحة الإدارة >> عناصر إضافية >> النقاط و السمعة >> نظام النقاط >> تشغيل نظام النقاط >> نعم.
نبدأ على بركة الله وبسم الله:
#1 لوحة الادارة >> مظهر المنتدي >>
![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) Type_li](https://2img.net/i/fa/admin/icones/small_ico/type_li.png)
![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 1bysal10](https://i.servimg.com/u/f18/09/00/24/53/1bysal10.png)
![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 2by_sa10](https://i.servimg.com/u/f18/09/00/24/53/2by_sa10.png)
>> بعد هذا ندخل إلى تومبيلات "viewtopic_body"
![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 3bysal10](https://i.servimg.com/u/f18/09/00/24/53/3bysal10.png)
#2 بعد دخولنا للقالب نبحث عن البادئة التالية
<!-- BEGIN switch_vote -->
فنلاحظ تواجد هته الرموز :
(+)
(---)
( -)
(---)
( -)
وكما هو مبين في الصورة:
![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 4bysal10](https://i.servimg.com/u/f18/09/00/24/53/4bysal10.png)
وكما لاحظتم في الصورة هناك إشارات توضيحية
دعونا الان نغير ما يجب تغييره وذلك بالإستعانة بتلك التلميحات في الصورة
>> الكود رقم 1# <<
>> وهو الذي سنوعض به الرمز "+" بهذه الصورة![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 11111110](https://i.servimg.com/u/f31/11/61/12/59/11111110.gif)
>> الكود رقم2# <<
>> وهو الذي سنوعض به الرمز "---" بهذه الصورة![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) Eiaa_u15](https://i.servimg.com/u/f31/11/61/12/59/eiaa_u15.png)
و أخيرا وليس آخراً
>> الكود رقم 3# <<
>> وهو الذي سنوعض به الرمز "-" بهذه الصورة![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 22222210](https://i.servimg.com/u/f31/11/61/12/59/22222210.gif)
أي أننا نغير الرمز بكود تضمين الصورة المناسبة هذا كل ما في الأمر وبمنتهى البساطة .
بعد إستكمال الخطوات السابقة ما بقي إلا ان نقوم بتسجيل العمل :
![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 5bysal10](https://i.servimg.com/u/f18/09/00/24/53/5bysal10.png)
وبعد هذا ننشر التومبيلات :
![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 6bysal10](https://i.servimg.com/u/f18/09/00/24/53/6bysal10.png)
الأن مبرووك عليك , وقل وداعاً لششكل التقليدي القديم.
لحظة! إنتظر لنزيده رونقاً وجمالاً
دعونا الأن ننتقل للخطوة التالية وتغيير مكان التقييم بإستخدام كود css خاصتنا :
لوحة الإدارة >> مظهر المنتدى >> ألون وصور >> ألوان >> ورقة التصاميم css
![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 1bysal10](https://i.servimg.com/u/f18/09/00/24/53/1bysal10.png)
![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 9bysal10](https://i.servimg.com/u/f18/09/00/24/53/9bysal10.png)
ضع هذا الكود في الورقة :
ثم قدمه
![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 7bysal10](https://i.servimg.com/u/f18/09/00/24/53/7bysal10.png)
تم هذا الشرح ولله الحمد
![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 4bysal10](https://i.servimg.com/u/f18/09/00/24/53/4bysal10.png)
وكما لاحظتم في الصورة هناك إشارات توضيحية
دعونا الان نغير ما يجب تغييره وذلك بالإستعانة بتلك التلميحات في الصورة
>> الكود رقم 1# <<
- الكود:
<img src="http://i31.servimg.com/u/f31/11/61/12/59/11111110.gif">
>> وهو الذي سنوعض به الرمز "+" بهذه الصورة
![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 11111110](https://i.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">
>> وهو الذي سنوعض به الرمز "---" بهذه الصورة
![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) Eiaa_u15](https://i.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 ) 22222210](https://i.servimg.com/u/f31/11/61/12/59/22222210.gif)
أي أننا نغير الرمز بكود تضمين الصورة المناسبة هذا كل ما في الأمر وبمنتهى البساطة .
بعد إستكمال الخطوات السابقة ما بقي إلا ان نقوم بتسجيل العمل :
![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 5bysal10](https://i.servimg.com/u/f18/09/00/24/53/5bysal10.png)
وبعد هذا ننشر التومبيلات :
![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 6bysal10](https://i.servimg.com/u/f18/09/00/24/53/6bysal10.png)
الأن مبرووك عليك , وقل وداعاً لششكل التقليدي القديم.
لحظة! إنتظر لنزيده رونقاً وجمالاً
دعونا الأن ننتقل للخطوة التالية وتغيير مكان التقييم بإستخدام كود css خاصتنا :
لوحة الإدارة >> مظهر المنتدى >> ألون وصور >> ألوان >> ورقة التصاميم css
![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 1bysal10](https://i.servimg.com/u/f18/09/00/24/53/1bysal10.png)
![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 9bysal10](https://i.servimg.com/u/f18/09/00/24/53/9bysal10.png)
ضع هذا الكود في الورقة :
- الكود:
.vote { float: right; width: 9px; margin-right: 4px; }
ثم قدمه
![تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css ) 7bysal10](https://i.servimg.com/u/f18/09/00/24/53/7bysal10.png)
تم هذا الشرح ولله الحمد
تم تجديد الصور والشرح بواسطة : SaLEm Hen!CHE
عدل سابقا من قبل (GeNeRaL) في الأحد 21 يونيو 2015 - 14:47 عدل 2 مرات (السبب : تجديد الصور والشرح)
Mahmoud Gilany يعجبه هذا الموضوع
![-](https://i.servimg.com/u/f37/19/43/18/14/tabs_l11.gif)
» كود تومبيلات لشكل التقييم فى الموضوع والمساهمات
» اريد كود تغيير شكل التقييم في المنتديات بدون تومبيلات
» كود css مميز لجعل الكلام بالموضوع بشكل احترافى
» [Template] كود حذف التقييم السلبي (-) في المساهمات ***MoHaMeD NsR
» اقتراح لــ: تغيير كلمة ((عدد المساهمات)) الى ((المشاركات)) أو ((المساهمات)) لتحسين مظهر المنتدى
» اريد كود تغيير شكل التقييم في المنتديات بدون تومبيلات
» كود css مميز لجعل الكلام بالموضوع بشكل احترافى
» [Template] كود حذف التقييم السلبي (-) في المساهمات ***MoHaMeD NsR
» اقتراح لــ: تغيير كلمة ((عدد المساهمات)) الى ((المشاركات)) أو ((المساهمات)) لتحسين مظهر المنتدى
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى