Rehber Xenforo Duyuru Alanı Eklemek

Merhaba arkadaşlar, XenForo forumunuz için yazılmış duyuru alanı kodunu bugün sizlerle paylaşacağım. İlk olarak kodun işlevinden bahsetmek istiyorum. Ekranda gördüğünüz gibi bir pencere çıkıyor bunu istediğiniz yere koyabilirsiniz çünkü reklamlar kısmından ekleyeceğiz. Altta gördüğünüz "Bizi Neler Bekliyor ?" Butonunu kaldırabilir değiştirebilir veya istediğiniz bağlantıyı açmasını sağlayabilirsiniz. Kodun işlevini anlattığıma göre şimdi yapılacak işlemleri anlatmak istiyorum. Yapılacak işlemler oldukça basittir. İlk önce admin panelinize gitmeniz gerekiyor. Girdikten sonra görünüm ve diller kısmından, şablonlar kısmına gitmelisiniz. Şablonlara girdikten sonra extra.less isimli şablonu bulun ve girin. Şablona girdikten sonra aşağıdaki verdiğim kodu şablona yerleştirin.

.duyuru {

    background: linear-gradient(90deg, #ff0000 0%, #ff7b00 100%); /* Arka plan renk*/

    color: white;

    display: flex;

    padding: 15px;

    border-radius: 20px;

    margin-bottom: 15px;

    align-items: center;

}

.duyuru i {

    margin-right: 5px;

}

.duyuru a {

    color: #fff900; /* Admin İletişim Renk*/

}

.uyarialan i {

    padding-right: 10px;

    display: flex;

    justify-content: center;

}

.uyari .uyarialan i {

    font-size: 40px;

    color: #ff7800; /* İcon Renk */

    align-items: center;

}

.metin{

    color: whitesmoke; /* Metin rengi */

    background: url(https://i.hizliresim.com/4fi28qi.gif) repeat scroll 0 0%; /* Metin arka plan  */

}

Yukarıdaki kodu şablona girdiğinize göre işlemin yarısı bitti. Şimdi yapmanız gereken şey kurulumlar kısmından reklam yöneticisine girmek. Reklam yöneticisine girdikten sonra, reklam ekle butonuna basın. Daha sonra rasgele bir başlık girin ve duyuru alanının bulunmasını istediğiniz konumu seçiniz. Seçtikten sonra aşağıdaki verdiğim kodu "HTML" yazan kısma ekliyiniz.

<div class="duyuru uyari">
    <div class="uyarialan">
    <i class="fas fa-bullhorn"></i>
    </div>
    <div class="uyarialan">
    <div class="metin">
    ForumChess 3.0 Çok Yakıda... <br>
        <a href="#"> Beni Neler Bekliyor?
    </a>
    </div>
    </div>
    </div>

Yukarıdaki koddaki "#" yazan kısma gitmesini istediğiniz linki ekleyebilirsiniz. Ayrıca "ForumChess 3.0 Çok Yakıda..." Kısmını ve "Beni Neler Bekliyor?" kısmına istediğiniz yazıyı yazabilirsiniz. En başta dediğim gibi tüm işlemler bu kadardı. herhangi bir sorun yaşarsınız yorumlar kısmında belirtmeyi unutmayın, mutlulukla yardımcı olurum.

Not: Xenforo 2.3.0 Güncellemesinden sonra ikonlar gözükmeyebilir. Bunun için, <i class="fas fa-bullhorn"></i> yazan kod parçacığını <xf:fa icon="fa-bullhorn" /> ile değiştirebilirsiniz.

 

[LostFearLess]

XenForo forumunuz için bir diğer yazılmış duyuru alanı kodunu paylaşacağım. Yukarıdaki kod eğer hoşunuza gitmezseniz düzenleyebilirsiniz oldukça kolay, eğer daha farklı şeyler arıyorsanız bu yukarıdaki resimdekinede göz atabilirsiniz. İlk olarak kodun işlevinden bahsetmek istiyorum. Ekranda gördüğünüz gibi bir bildirim kutusu çıkıyor bunu istediğiniz yere koyabilirsiniz çünkü widget kısmından ekleyeceğiz. Altta gördüğünüz "Daha fazla bilgi!" Butonunu kaldırabilir değiştirebilir veya istediğiniz bağlantıyı açmasını sağlayabilirsiniz. Kodun işlevini anlattığıma göre şimdi yapılacak işlemleri anlatmak.

<div class="notice-content">
   <a href="/hesap/dismiss-notice?notice_id=11" class="notice-dismiss js-noticeDismiss" data-xf-init="tooltip" data-original-title="Uyarıyı kapat " aria-label="Uyarıyı kapat " id="js-XFUniqueId158"></a>
   <div>📢 Forumdan daha fazla yararlanmak için, dosya indirebilmeniz adına en az 2 adet mesajınız bulunması gerekmektedir 💬. Bu kuralın amacı, spam ve sahte hesapları önlemektir. Anlayışınız için teşekkür ederiz! 🙏<br>
   <a href="https://help.forumchess.com.tr/knowledge-base/2-dosya-nasil-indirilir">Daha fazla bilgi!
   </a>
   </div>
   </div>
<div class="node-meta">
</div>

İlk önce admin panelinize gitmeniz gerekiyor. Giriş yaptıktan sonra görünüm ve diller kısmından 'Widget yöneticisi' kısmına tıklamalısınız. Buraya girdikten sonra 'Widget ekle' butonuna basın ve 'HTML' seçeneğini seçip ardından 'Widget ekle' butonuna tıklayın. Butona bastıktan sonra yukarıdaki gördüğünüz kod parçacığını eksiksiz bir şekilde yapıştırın. Daha sonra tercih size kalmış, istediğiniz yeri seçebilirsiniz. Önerimiz 'Forum görüntülenirken: Üstünde' alanını seçmeniz. 'Widget kimliği (ID)' yazan yere istediğiniz yazıyı İngilizce karakterlerle yazabilirsiniz, örneğin 'announcement'. Son olarak 'Kaydet' düğmesine basın ve değişikliği kontrol edin.