- 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
Hemen altına ekleyin
Temanızın extra.less sablonuna alttaki kodu ekleyin.
Örnek ekran görüntüsü:
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ü: