Eklenti isteği Xen GenTr Forumun üstündeki duyuru eklentisi

  • Kullanıcı omarer25
  • Başlangıç tarihi Başlangıç tarihi
  • - XenForo eklenti, tema, Türkçe yama istekleriniz
Kullanıcı adını bilmediği yada bulamadığı bu eklentiyi istemektedir.
Arkadaşlar merhaba;
Alttaki resimde görülen Duyuru eklentisini forumda araştırdım ama bulamadım... Yardımlarınız için şimdiden teşekkürler

1590331665959.webp
 
Genelde böyle duyurular temaya özel oluyor eklenti ile karşılaşmadım. Resimde gösterdiğiniz alanda temaya özel. Eğer css html bilginiz varsa kendi temanızada page_container bölümünden yapabilirsiniz
 
Eklenti olarak değil de manuel yollarla şu şekilde yapabilirsiniz:

1-) Widget oluşturun
- Görünüm ve Diller > Widget Yöneticisi > Yeni Widget Ekle > Widget Tanımı : HTML
- Widget kimliği-ID : duyuru
- Başlık : duyurular
- Bu pozisyonlarda göster : Forum listesi: Forumların üstünde > 1
- Görüntüleme durumu : duyurularx
- Şablon kısmına bu kodu ekleyin:
HTML:
<div class="duyuru-all">
    <a class="duyuruLink" href="#"><div class="duyuru">
        <h2 class="baslik">[XenGenTr] Tema V5 yayınlandı! ?</h2>
        <p class="aciklama">[XenGenTr] Yep yeni ? teması satışa sunulmuştur. Açık ve koyu renk olarak satışa sunulan temamınız incelemek istermisiniz ?</p>
    </div>
    </a>
        <a class="duyuruLink" href="#"><div class="duyuru">
        <h2 class="baslik">[XenGenTr] Tema V5 yayınlandı! ?</h2>
        <p class="aciklama">[XenGenTr] Yep yeni ? teması satışa sunulmuştur. Açık ve koyu renk olarak satışa sunulan temamınız incelemek istermisiniz ?</p>
    </div>
                </a>
    <a class="duyuruLink" href="#"><div class="duyuru">
        <h2 class="baslik">[XenGenTr] Tema V5 yayınlandı! ?</h2>
        <p class="aciklama">[XenGenTr] Yep yeni ? teması satışa sunulmuştur. Açık ve koyu renk olarak satışa sunulan temamınız incelemek istermisiniz ?</p>
    </div>    </a>
</div>
- Kaydet butonuna basıp kaydedin.

2-) extra.less Şablonuna Şu Kodları Girin (Görünüm ve Diller > Şablonlar > extra.less)
CSS:
.duyuru-all {
display: inline-flex;
}

.duyuruLink {
        margin-right:10px;
        margin-bottom:15px;
}

.duyuru{
    background: #4073ff;
    border-radius: 4px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 5px;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 3px solid #84a5ff;
    cursor:pointer;
    transition: transform 0.5s, color 0.5s, background 0.5s;
}

.duyuru:nth-last-child(1){
    margin-right:0px;
}

.duyuru:hover{
                position: relative;
    transform: translateY(-4px);
background: #FFFFFF;
    box-shadow: 0 0 10px rgb(218, 218, 218);
}

.duyuru:hover .baslik {
    color: #4073FF;
}

.duyuru:hover .aciklama {
    color: #313131;
}

.baslik {
        color: white;
}

.aciklama {
        color: #f7f7f7;
        font-weight: 600;
}

Sonucunda Alacağınız Görüntü:
1590435947030.webp
1590435967224.webp
 
Kişiselleştirme

Tema editörü

Ayarlar Renkler

  • Mobil kullanıcılar bu fonksiyonları kullanamaz.

    Alternatif header

    Farklı bir görünüm için alternatif header yapısını kolayca seçebilirsiniz.

    Görünüm Modu Seçimi

    Tam ekran ve dar ekran modları arasında geçiş yapın.

    Izgara Görünümü

    Izgara modu ile içerikleri kolayca inceleyin ve düzenli bir görünüm elde edin.

    Resimli Izgara Modu

    Arka plan görselleriyle içeriğinizi düzenli ve görsel olarak zengin bir şekilde görüntüleyin.

    Yan Paneli Kapat

    Yan paneli gizleyerek daha geniş bir çalışma alanı oluşturun.

    Sabit Yan Panel

    Yan paneli sabitleyerek sürekli erişim sağlayın ve içeriğinizi kolayca yönetin.

    Box görünüm

    Temanızın yanlarına box tarzı bir çerçeve ekleyebilir veya mevcut çerçeveyi kaldırabilirsiniz. 1300px üstü çözünürler için geçerlidir.

    Köşe Yuvarlama Kontrolü

    Köşe yuvarlama efektini açıp kapatarak görünümü dilediğiniz gibi özelleştirin.

  • Renginizi seçin

    Tarzınızı yansıtan rengi belirleyin ve estetik uyumu sağlayın.

Geri