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

Adanalı

Flatkolik.Net
Yönetici
Katılım
9 Haz 2018
Mesajlar
2,892
Puanları
113
Şube
Adana
Cinsiyet
Erkek
Web sitesi
Siteye git
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
PHP:
<xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
Hemen altına ekleyin
PHP:
 <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.
CSS:
.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ü:
 

OnaycanKran

Kayıtlı Üye
Katılım
28 Mar 2019
Mesajlar
2
Puanları
1
Cinsiyet
Erkek
hocam rank resimlerinin linki nerde acaba ?
 

Adanalı

Flatkolik.Net
Yönetici
Katılım
9 Haz 2018
Mesajlar
2,892
Puanları
113
Şube
Adana
Cinsiyet
Erkek
Web sitesi
Siteye git

OnaycanKran

Kayıtlı Üye
Katılım
28 Mar 2019
Mesajlar
2
Puanları
1
Cinsiyet
Erkek
ama hocam flatkolik resimleri olmadan kod düzgün çalışmayacaktır.
 

Adanalı

Flatkolik.Net
Yönetici
Katılım
9 Haz 2018
Mesajlar
2,892
Puanları
113
Şube
Adana
Cinsiyet
Erkek
Web sitesi
Siteye git

HayvanSever

Kayıtlı Üye
Katılım
3 May 2019
Mesajlar
2
Puanları
1
Cinsiyet
Erkek
Ben bunu panelden şu şekil yaptım, olmaz mı?

1.png
 

Adanalı

Flatkolik.Net
Yönetici
Katılım
9 Haz 2018
Mesajlar
2,892
Puanları
113
Şube
Adana
Cinsiyet
Erkek
Web sitesi
Siteye git

Yorum yapmak için bir hesap oluşturun veya giriş yapın

Yorum yapabilmek için üye olmalısınız

Hesap oluştur

Forum sitemizde bir hesap oluşturun. Bu işlem çok kolay!

Giriş yap

Zaten bir hesabınız var mı? Giriş yapın.

Konuyu toplam 1 üye okuyor. (0 Kayıtlı üye ve 1 Misafir)

Üst