Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!
Eklenti Kullanmadan Basit bir İtibar Sistemi Yapıyoruz

XF 2.1 Eklenti Eklenti Kullanmadan Basit bir İtibar Sistemi Yapıyoruz 1.0.0

Bu eklenti, add-ons XenForo 2.1.X ile uyumlu ve stabil olarak çalışmaktadır.
Uyumlu XF 2 Sürümleri
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;
PHP:
<xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
Altına aşağıdaki kodları ekleyin ve kaydedin
PHP:
<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:

1.png 2.png 3.png 4.png 5.png
Yazar
MySimS3k®
İndirilme
101
Görüntüleme
3,275
İlk yayınlama
Son güncelleme
Değerlendirme
5.00 yıldız 1 değerlendirme

MySimS3k® ait diğer kaynakar

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Zevkine göre renk kombinasyonunu belirle

Gece/Gündüz modunu seç

Gece ve gündüz modlarından tarzınıza yada ihtiyaçlarınıza uygun olanı seçerek kullana bilirsiniz.

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.