xenForo 2.0 mesaj sayısına göre resimli rank ekleme

12 Şub 2018
9
0
1
Xenforo 2.0 sürümleri için mesaj sayısına göre resimli rank ekleme işlemini aşağıdaki adımları uygulayarak gerçekleştirebilirsiniz.



Temanızın message_macros şablonunda bulun

Kod:
<xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />


Hemen altına ekleyin

Kod:
 <div class="flatkolik-rank">

                    <xf:if is="{$user.message_count} > 1000">

                    <img class="ranks" src="/images/rank/10.png" width="140" height="34" alt="rank">

                    <xf:elseif is="{$user.message_count} > 900" />

                    <img class="ranks" src="/images/rank/9.png" width="140" height="34" alt="rank">

                    <xf:elseif is="{$user.message_count} > 800" />

                    <img class="ranks" src="/images/rank/8.png" width="140" height="34" alt="rank">

                    <xf:elseif is="{$user.message_count} > 700" />

                    <img class="ranks" src="/images/rank/7.png" width="140" height="34" alt="rank">

                    <xf:elseif is="{$user.message_count} > 600" />

                    <img class="ranks" src="/images/rank/6.png" width="140" height="34" alt="rank">

                    <xf:elseif is="{$user.message_count} > 500" />

                    <img class="ranks" src="/images/rank/5.png" width="140" height="34" alt="rank">

                    <xf:elseif is="{$user.message_count} > 400" />

                    <img class="ranks" src="/images/rank/4.png" width="140" height="34" alt="rank">

                    <xf:elseif is="{$user.message_count} > 300" />

                    <img class="ranks" src="/images/rank/3.png" width="140" height="34" alt="rank">

                    <xf:elseif is="{$user.message_count} > 200" />

                    <img class="ranks" src="/images/rank/2.png" width="140" height="34" alt="rank">

                    <xf:elseif is="{$user.message_count} > 10" />

                    <img class="ranks" src="/images/rank/1.png" width="140" height="34" alt="rank">

                    <xf:elseif is="{$user.message_count} > 0" />

                    <img class="ranks" src="/images/rank/0.png" width="140" height="34" alt="rank">

                    </xf:if>

                    </div>


Temanızın extra.less sablonuna alttaki kodu ekleyin.

Kod:
.flatkolik-rank img.ranks {margin: 5px 0px 0px 0px;width: 140px; height: 34px;}



@media (max-width: 650px)

{

.flatkolik-rank {display: none;}

}


Örnek ekran görüntüsü:
 

Benzer konular