Edit here: Style Properties -> Header and navigation

Nasıl Yapılır eklenti kullanmadan basit bir i̇tibar sistemi yapıyoruz

Nasıl Yapılır
Staff
Katılım14 May 2022
Mesajlar1,405
Çözümler50
T. puanı1,777
Konum Almanya
CF-Coin 8,573
bayram#3463
905529374247
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;
Kod:
<xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
Altına aşağıdaki kodları ekleyin ve kaydedin
Kod:
<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>
Son olarak ekte yer alan star-ranks-filled isimli dosyayı forumunuzun FTP anadizinine atmanız yeterli.

Şimdi bir de ekran görüntülerine bakalım:
9233-adcaee9e994dced02cc3b6afca17a6d9.jpg
9232-fc96e8f40310bb4826b5fb959e6bc77f.jpg
9233-adcaee9e994dced02cc3b6afca17a6d9.jpg
9234-025f13ebe673777a85166585aa307951.jpg
9235-6d46164ecebc3d0b940294074e910aa9.jpg
 

Ekli dosyalar

  • star-ranks-filled.zip
    42.4 KB · Görüntüleme: 6
New User
Katılım20 Haz 2022
Mesajlar1
T. puanı0
CF-Coin 0
"Message_macros" şablonuna gidin.
Kod:
xf:if is="$user.canViewIdentities()">
<xf:macro template="custom_fields_macros" name="custom_fields_view"
arg-type="users"
arg-group="contact"
arg-set="{$user.Profile.custom_fields}"
arg-additionalFilters="{{ ['message'] }}"
arg-valueClass="pairs pairs--justified" />
</xf:if>
</xf:if>

Altına Ekleyin.

*** Gizli metin: alıntı yapılamaz. ***
Teşekkürler
 
New User
Katılım22 Ara 2022
Mesajlar5
T. puanı3
CF-Coin 1,430
Nasıl tam olarak anlamadım
kusura bakma konuya direk dalış yaptım selam vermeden özür dilerim
vbulletin 3 de olan rep verme sistemi onun gibi değil demek istiyorum konu içinde değerlendirme yapıyorduk hani eskiden
rep veriyorduk olumlu olumsuz kısada olsa yorum yapıyorduk kişiye bildirim gidiyordu
 
  • Konbuyu başlatan
  • AdminCP
  • #6
Staff
Katılım14 May 2022
Mesajlar1,405
Çözümler50
T. puanı1,777
Konum Almanya
CF-Coin 8,573
bayram#3463
905529374247
kusura bakma konuya direk dalış yaptım selam vermeden özür dilerim
vbulletin 3 de olan rep verme sistemi onun gibi değil demek istiyorum konu içinde değerlendirme yapıyorduk hani eskiden
rep veriyorduk olumlu olumsuz kısada olsa yorum yapıyorduk kişiye bildirim gidiyordu
Aynen doğrudur ama aktif ediyorsun yani çoklu seçeneğe sahip elindedir
 
SPAM YAPMAK YASAKTIR!
  • Örneğin: teşekkürler, sağol, çok iyi, asdqwe, çalışıyor, ty ve benzeri!
  • Örneğin: Aynı mesajı sürekli olarak yazmak. teşekkürler, tşk ve benzeri!
  • Bir başkasının mesajını kopyalayıp aynısını yazmak yasaktır.
  • Bilginiz olmadığı konulara yorum sayınız artsın diye mesaj atmak yasaktır.
  • Yorum yaparken kendi fikrinizi yazınız!
  • Spam mesaj atan görürseniz RAPOR tuşu ile bize bildirmeniz önem ve rica olunur!
Üst
AdBlock Algılandı

Anlıyoruz, reklamlar can sıkıcı!

Tabii ki, reklam engelleme yazılımı, reklamları engellemede harika bir iş çıkarır, ancak aynı zamanda web sitemizin faydalı özelliklerini de engeller. En iyi site deneyimi için lütfen AdBlocker'ınızı devre dışı bırakın.

AdBlock'u Devre Dışı Bıraktım