Rehber Xenforo Duyuru Alanı Eklemek

[LostFearLess]

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.