XF 2.2 Eklenti - Xenforo Duyuru Alanı | XenGenTr - Türkiye'nin XenForo Türkçe destek topluluğu

Uyumlu XF 2 Sürümleri

2.2.X

Öncelikle herkese merhaba. Kurban bayramınız kutlu olsun. Biraz araştırdım fakat bu konuyala alakalı pek paylaşım yok. Olanlarda eski sürüm. Bende biraz modern yeni duyuru alanı tasarladım. İlk kendime özel yapsamda sonrada xenforo ile uğraştığım ilk zamanlar aklıma gelince belki birilerine faydası dokunur diye paylaşma kararı aldım. İyi Forumlar Arkadşlar

AdminCP> Kurlumlar> Reklam yöneticisi > Reklam Ekle

HTML Kısmına eklenecek kodlar

HTML:

<div class="duyuru uyari">
<div class="uyarialan">
<i class="fas fa-bullhorn"></i>
</div>  
<div class="uyarialan">
<div class="metin">
Değerli Üyelerimiz Lütfen Konu Açarken Konu Öneklerini Kullanmya Özen Gösterelim. Konu Yanıtlarken Lütfen Random Kullanmayın. İyi Forumlar 😊 <br>
<a href="https://siteadresiniz.com/index.php?misc/contact"> Admin İletişim!
</a>
</div>
</div>
</div>

extra.less alanına eklenecek kodlar

CSS:

.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  */

}

Masaüstü Görünüm