استبدال علامات التقييم "+" و "--" بأزرار - كود تومبيلات

هذا الكود حصرى ومترجم لن تجده بأى منتدى عربى

استبدال علامات التقييم "+" و "--" بأزرار - كود تومبيلات

باستخدام تحرير القالب (التومبيلات) يمكنك تعديل إعدادات علامات التقييم

أذهب الى لوحة الأدارة ->المظهر --> التومبيلات --> عام-->

ثم قالب viewtopic_body

أضغط رمز التحرير الأصفر وأبحث في القالب الخاص بك رمز التقييم الأيجابى وهو يكون بهذا الشكل:

الرمز:

<a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</

أضف رابط صورة أذا كنت تريد أستخدام صورة خاصة بك وأستبدل الكود السابق بهذا الكود لوضع صورة تريدها للتقييم الأيجابى

الرمز:

<a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="ضع هنا رابط الصورة الأيجابية التى تريدها"></a>

هكذا تم تغيير الكود الأيجابى بشكلا سليم ، نأتى إلى الكود الخاص بالتقييم السلبى وهو بهذا الشكل

الرمز:

<a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a>

أضف رابط صورة أذا كنت تريد أستخدام صورة خاصة بك وأستبدل الكود السابق بهذا الكود لوضع صورة تريدها للتقييم السلبى

الرمز:

<a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"><img src="ضع هنا رابط الصورة السلبية التى تريدها"></a>

هذا الجزء لذوى الخبرة فقط

طبعا فى الأصل تجد التقيمين السلبى والأيجابى فوق بعضهم أذا أردت

تدوير العلامتين ليكونا متجاورين أستبدل الكود الأصلى الخاص بالسالب

بهذا الكود الجديد للتعبير عن التقييم السلبى

الرمز:

<a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"><img src="https://i.servimg.com/u/f81/11/91/65/81/minus10.png" onmouseover="this.src='https://i.servimg.com/u/f81/11/91/65/81/overmi10.png'" onmouseout="this.src='https://i.servimg.com/u/f81/11/91/65/81/minus10

وبهذا الكود الجديد للتعبير عن التقييم الأيجابى

الرمز:

<a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="https://i.servimg.com/u/f81/11/91/65/81/plus10.png" onmouseover="this.src='https://i.servimg.com/u/f81/11/91/65/81/over10.png'" onmouseout="this.src='https://i.servimg.com/u/f81/11/91/65/81/plus10

==================

بعد أن أنهينا التعديلات بأيا من الطريقتين

قم بحفظ القالب ثم النشر .... لاحظ أنه لن تظهر التعديلات فى هذه المرحلة

أفتح ورقة الـ CSS

وأضف هذا الكود

الرمز:

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

-------------

ستجد أنه تم التعديل للشكل الذى أخترته سواء العلامتين فوق بعضهما أم متجاورين

يمكنك أستخدام العلامتين المرفقين مع الموضوع أو أذا أردت أختار أى شكل من تصميمك

يفضل أن لايزيد حجم الصورة عن 16*16 بيكسل

العلامة الأيجابية

الرمز:

https://i.servimg.com/u/f81/11/91/65/81/plus10.png

العلامة السلبية


https://i.servimg.com/u/f81/11/91/65/81/minus10.png


=======================