Merhaba arkadaşlar bugünkü konumuzda forumunuzda reaksiyon puanına dayalı basit bir itibar sistemi nasıl yapabiliriz onu göreceğiz. Şunu başta belirtmeliyim ki bu şablon değişikliğini 2.1 sürümünde gerçekleştirebilirsiniz çünkü XenForo 2.0 sürümlerinde sisteme entegre bir reaksiyon sistemi bulunmuyor.
İlk önce bazı resimlere ihtiyacınız olacak ben sizin için ekte örnek resimleri sundum dilerseniz onları veya kendi resimlerinizi kullanabilirsiniz.Bunun temelde yapacağı şey, biri 25 reaksiyon aldığında yarım yıldız, 50 reaksiyona ulaştıklarında tam bir yıldız alacak ve bu şekilde ilerleyerek devam edecektir. Aşağıya örnek ekran görüntülerini ekliyorum oradan bakabilirsiniz.
Reaksiyon miktarını ve araç ipucu metnini dilediğiniz gibi değiştirebilirsiniz. Gördüğünüz gibi güzel bir araç ipucu sunuyor, böylece kullanıcılar nasıl çalıştığı hakkında fikir sahibi oluyorlar.
Başlıyoruz öncelikle mevcut temanızın "message_macros" şablonuna gidin ve aşağıdaki kodu bulun;
Altına aşağıdaki kodları ekleyin ve kaydedin
<div class="xtr_star-ranks" style="text-align: center; padding: 2px 0; margin: 2px 0;">
<xf:if is="{$user.reaction_score} >= 1300">
<img src="{{ base_url('star-ranks-filled/complete-stars.png') }}" data-xf-init="tooltip" title="Full Reputation Master">
<xf:elseif is="{$user.reaction_score} >= 1200" />
<img src="{{ base_url('star-ranks-filled/fullstar-10.png') }}" data-xf-init="tooltip" title="1,200+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 1100" />
<img src="{{ base_url('star-ranks-filled/halfstar-10.png') }}" data-xf-init="tooltip" title="1,100+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 1000" />
<img src="{{ base_url('star-ranks-filled/fullstar-9.png') }}" data-xf-init="tooltip" title="1,000+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 900" />
<img src="{{ base_url('star-ranks-filled/halfstar-9.png') }}" data-xf-init="tooltip" title="900+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 800" />
<img src="{{ base_url('star-ranks-filled/fullstar-8.png') }}" data-xf-init="tooltip" title="800+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 700" />
<img src="{{ base_url('star-ranks-filled/halfstar-8.png') }}" data-xf-init="tooltip" title="700+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 600" />
<img src="{{ base_url('star-ranks-filled/fullstar-7.png') }}" data-xf-init="tooltip" title="600+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 500" />
<img src="{{ base_url('star-ranks-filled/halfstar-7.png') }}" data-xf-init="tooltip" title="500+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 450" />
<img src="{{ base_url('star-ranks-filled/fullstar-6.png') }}" data-xf-init="tooltip" title="450+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 400" />
<img src="{{ base_url('star-ranks-filled/halfstar-6.png') }}" data-xf-init="tooltip" title="400+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 350" />
<img src="{{ base_url('star-ranks-filled/fullstar-5.png') }}" data-xf-init="tooltip" title="350+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 300" />
<img src="{{ base_url('star-ranks-filled/halfstar-5.png') }}" data-xf-init="tooltip" title="300+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 250" />
<img src="{{ base_url('star-ranks-filled/fullstar-4.png') }}" data-xf-init="tooltip" title="250+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 200" />
<img src="{{ base_url('star-ranks-filled/halfstar-4.png') }}" data-xf-init="tooltip" title="200+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 150" />
<img src="{{ base_url('star-ranks-filled/fullstar-3.png') }}" data-xf-init="tooltip" title="150+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 125" />
<img src="{{ base_url('star-ranks-filled/halfstar-3.png') }}" data-xf-init="tooltip" title="125+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 100" />
<img src="{{ base_url('star-ranks-filled/fullstar-2.png') }}" data-xf-init="tooltip" title="100+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 75" />
<img src="{{ base_url('star-ranks-filled/halfstar-2.png') }}" data-xf-init="tooltip" title="75+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 50" />
<img src="{{ base_url('star-ranks-filled/fullstar-1.png') }}" data-xf-init="tooltip" title="50+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 25" />
<img src="{{ base_url('star-ranks-filled/halfstar-1.png') }}" data-xf-init="tooltip" title="25+ Ratings">
<xf:elseif is="{$user.reaction_score} < 25" />
<img src="{{ base_url('star-ranks-filled/empty-star.png') }}" data-xf-init="tooltip" title="Rep için 25+ Oy Gerekiyor">
</xf:if>
</div>
https://mega.nz/file/tjwXkZyC#Uv-DWKqHw3xy-k5ZfPg_cANQaAkb-wcUIeMhnWdi79w
virüs total : https://www.virustotal.com/gui/url/...e492d7280b7baed9cc9aaa30f9d4e56576d/detection
İlk önce bazı resimlere ihtiyacınız olacak ben sizin için ekte örnek resimleri sundum dilerseniz onları veya kendi resimlerinizi kullanabilirsiniz.Bunun temelde yapacağı şey, biri 25 reaksiyon aldığında yarım yıldız, 50 reaksiyona ulaştıklarında tam bir yıldız alacak ve bu şekilde ilerleyerek devam edecektir. Aşağıya örnek ekran görüntülerini ekliyorum oradan bakabilirsiniz.
Reaksiyon miktarını ve araç ipucu metnini dilediğiniz gibi değiştirebilirsiniz. Gördüğünüz gibi güzel bir araç ipucu sunuyor, böylece kullanıcılar nasıl çalıştığı hakkında fikir sahibi oluyorlar.
Başlıyoruz öncelikle mevcut temanızın "message_macros" şablonuna gidin ve aşağıdaki kodu bulun;
Code:
<xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
Altına aşağıdaki kodları ekleyin ve kaydedin
<div class="xtr_star-ranks" style="text-align: center; padding: 2px 0; margin: 2px 0;">
<xf:if is="{$user.reaction_score} >= 1300">
<img src="{{ base_url('star-ranks-filled/complete-stars.png') }}" data-xf-init="tooltip" title="Full Reputation Master">
<xf:elseif is="{$user.reaction_score} >= 1200" />
<img src="{{ base_url('star-ranks-filled/fullstar-10.png') }}" data-xf-init="tooltip" title="1,200+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 1100" />
<img src="{{ base_url('star-ranks-filled/halfstar-10.png') }}" data-xf-init="tooltip" title="1,100+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 1000" />
<img src="{{ base_url('star-ranks-filled/fullstar-9.png') }}" data-xf-init="tooltip" title="1,000+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 900" />
<img src="{{ base_url('star-ranks-filled/halfstar-9.png') }}" data-xf-init="tooltip" title="900+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 800" />
<img src="{{ base_url('star-ranks-filled/fullstar-8.png') }}" data-xf-init="tooltip" title="800+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 700" />
<img src="{{ base_url('star-ranks-filled/halfstar-8.png') }}" data-xf-init="tooltip" title="700+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 600" />
<img src="{{ base_url('star-ranks-filled/fullstar-7.png') }}" data-xf-init="tooltip" title="600+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 500" />
<img src="{{ base_url('star-ranks-filled/halfstar-7.png') }}" data-xf-init="tooltip" title="500+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 450" />
<img src="{{ base_url('star-ranks-filled/fullstar-6.png') }}" data-xf-init="tooltip" title="450+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 400" />
<img src="{{ base_url('star-ranks-filled/halfstar-6.png') }}" data-xf-init="tooltip" title="400+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 350" />
<img src="{{ base_url('star-ranks-filled/fullstar-5.png') }}" data-xf-init="tooltip" title="350+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 300" />
<img src="{{ base_url('star-ranks-filled/halfstar-5.png') }}" data-xf-init="tooltip" title="300+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 250" />
<img src="{{ base_url('star-ranks-filled/fullstar-4.png') }}" data-xf-init="tooltip" title="250+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 200" />
<img src="{{ base_url('star-ranks-filled/halfstar-4.png') }}" data-xf-init="tooltip" title="200+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 150" />
<img src="{{ base_url('star-ranks-filled/fullstar-3.png') }}" data-xf-init="tooltip" title="150+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 125" />
<img src="{{ base_url('star-ranks-filled/halfstar-3.png') }}" data-xf-init="tooltip" title="125+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 100" />
<img src="{{ base_url('star-ranks-filled/fullstar-2.png') }}" data-xf-init="tooltip" title="100+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 75" />
<img src="{{ base_url('star-ranks-filled/halfstar-2.png') }}" data-xf-init="tooltip" title="75+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 50" />
<img src="{{ base_url('star-ranks-filled/fullstar-1.png') }}" data-xf-init="tooltip" title="50+ Ratings">
<xf:elseif is="{$user.reaction_score} >= 25" />
<img src="{{ base_url('star-ranks-filled/halfstar-1.png') }}" data-xf-init="tooltip" title="25+ Ratings">
<xf:elseif is="{$user.reaction_score} < 25" />
<img src="{{ base_url('star-ranks-filled/empty-star.png') }}" data-xf-init="tooltip" title="Rep için 25+ Oy Gerekiyor">
</xf:if>
</div>
View hidden content is available for registered users!
virüs total : https://www.virustotal.com/gui/url/...e492d7280b7baed9cc9aaa30f9d4e56576d/detection