XF 2.3 إضافة نجوم متحركة لرتب الاعضاء بدون إضافات للجيل الثاني

[ناصر]

كيفية اضافة نجوم للأعضاء للجيل الثاني بدون اى اضافات طريقة اضافة نجوم للرتب الاعضاء لمنتديات الزين فورو الجيل الثاني الموضوع هنا الاختلاف فيه هو ان النجمة ستكون متحركة لكن نفس الشرح والخطوات ما في شي جديد مثال للتوضيح

الخطوات ياغوالى
نفتح قالب message_macros ابحث عن

<div class="message-userDetails">
            <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>
            <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
            <xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
            <xf:if is="{$dateHtml}"><div class="message-date">{$dateHtml}</div></xf:if>
        </div>

اضف اسفله الكود التالي

<xf:if is="$user.message_count >= 1000">
<center>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<br>
<xf:elseif is ="$user.message_count >= 500"/>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<br>
<xf:elseif is ="$user.message_count >= 200"/>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<br>
<xf:elseif is ="$user.message_count >= 100"/>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<br>
<xf:elseif is ="$user.message_count >= 50"/>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<br>
<xf:elseif is ="$user.message_count >= 20"/>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<br>
<xf:elseif is ="$user.message_count >= 10"/>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<br>
<xf:elseif is ="$user.message_count >= 1"/>
<i style="font-size:18px; color: #f7db3d;"class="fa fa-star fa-spin"></i>
<br>
</center>
</xf:if>

يرجى الانتباه :

message_count >= 1"

معناها عدد مشاركات وتسطيع التعديل واضافة النجوم
ايضآ لاتنسى ان تكون مكتبة font-awesome مثبة لديك او اضافتها

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />

انتهى