هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css )
صفحة 1 من اصل 1
تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css )
بسم الله الرحمن الرحيم
السلام عليكم ورحمه الله وبركاته
نجُبُّ إليكم اخواني في هذا الشرح طريقة تغيير شكل تقييم المساهمات داخل المواضيع لتصبح بشكل جميل ومميز ومختلف عن شكلها التقليدي
وذلك بإستخدام كود تومبيلات + كود css
الشكل النهائي للتّغيير
! ملحوظه:"لا تنسو تشغيل نظام النقاط"
لتشغيل هذا النظام, عليك التوجه إلى لوحة الإدارة >> عناصر إضافية >> النقاط و السمعة >> نظام النقاط >> تشغيل نظام النقاط >> نعم.
نبدأ على بركة الله وبسم الله:
#1 لوحة الادارة >> مظهر المنتدي >> التومبلايتات و القوالب >> إدارة عامة
>> بعد هذا ندخل إلى تومبيلات "viewtopic_body"
#2 بعد دخولنا للقالب نبحث عن البادئة التالية
<!-- BEGIN switch_vote -->
فنلاحظ تواجد هته الرموز :
(+)
(---)
( -)
(---)
( -)
وكما هو مبين في الصورة:
وكما لاحظتم في الصورة هناك إشارات توضيحية
دعونا الان نغير ما يجب تغييره وذلك بالإستعانة بتلك التلميحات في الصورة
>> الكود رقم 1# <<
>> وهو الذي سنوعض به الرمز "+" بهذه الصورة
>> الكود رقم2# <<
>> وهو الذي سنوعض به الرمز "---" بهذه الصورة
و أخيرا وليس آخراً
>> الكود رقم 3# <<
>> وهو الذي سنوعض به الرمز "-" بهذه الصورة
أي أننا نغير الرمز بكود تضمين الصورة المناسبة هذا كل ما في الأمر وبمنتهى البساطة .
بعد إستكمال الخطوات السابقة ما بقي إلا ان نقوم بتسجيل العمل :
وبعد هذا ننشر التومبيلات :
الأن مبرووك عليك , وقل وداعاً لششكل التقليدي القديم.
لحظة! إنتظر لنزيده رونقاً وجمالاً
دعونا الأن ننتقل للخطوة التالية وتغيير مكان التقييم بإستخدام كود css خاصتنا :
لوحة الإدارة >> مظهر المنتدى >> ألون وصور >> ألوان >> ورقة التصاميم css
ضع هذا الكود في الورقة :
ثم قدمه
تم هذا الشرح ولله الحمد
وكما لاحظتم في الصورة هناك إشارات توضيحية
دعونا الان نغير ما يجب تغييره وذلك بالإستعانة بتلك التلميحات في الصورة
>> الكود رقم 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; }
ثم قدمه
تم هذا الشرح ولله الحمد
تم تجديد الصور والشرح بواسطة : SaLEm Hen!CHE
عدل سابقا من قبل (GeNeRaL) في 21/6/2015, 3:47 pm عدل 2 مرات (السبب : تجديد الصور والشرح)
Mahmoud Gilany يعجبه هذا الموضوع
مواضيع مماثلة
» كود تومبيلات لشكل التقييم فى الموضوع والمساهمات
» اريد كود تغيير شكل التقييم في المنتديات بدون تومبيلات
» كود css مميز لجعل الكلام بالموضوع بشكل احترافى
» [Template] كود حذف التقييم السلبي (-) في المساهمات ***MoHaMeD NsR
» اقتراح لــ: تغيير كلمة ((عدد المساهمات)) الى ((المشاركات)) أو ((المساهمات)) لتحسين مظهر المنتدى
» اريد كود تغيير شكل التقييم في المنتديات بدون تومبيلات
» كود css مميز لجعل الكلام بالموضوع بشكل احترافى
» [Template] كود حذف التقييم السلبي (-) في المساهمات ***MoHaMeD NsR
» اقتراح لــ: تغيير كلمة ((عدد المساهمات)) الى ((المشاركات)) أو ((المساهمات)) لتحسين مظهر المنتدى
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى