xenForo 2.x Mesaj Sayısına Göre Resimli Rank Ekleme

[admin]

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

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

Hemen altına ekleyin

 <div class="trturka-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.

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

@media (max-width: 650px)
{
.trturka-rank {display: none;}
}

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

Konuda rank görselleri verilmemiştir rankları kendinize göre hazırlayarak ekleyebilirsiniz.