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 isteği Xen GenTr Forumun üstündeki duyuru eklentisi
- Konbuyu başlatan omarer25
- Başlangıç tarihi
Kullanıcı adını bilmediği yada bulamadığı bu eklentiyi istemektedir.
- Katılım
- 4 May 2018
- Mesajlar
- 846
- Çözümler
- 22
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:
- Kaydet butonuna basıp kaydedin.
2-) extra.less Şablonuna Şu Kodları Girin (Görünüm ve Diller > Şablonlar > extra.less)
Sonucunda Alacağınız Görüntü:
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>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ü:
Teşekkürler.. inşallah eklenti yakın zamanda bulunabilir ben araştırdım ama bulamadım maalesef. Gayet güzel bir eklenti bir çok kişinin işini çözecektir....
Tema bende de var. Türk yapım olduğu için kullanmıyorumbende elegant teması var istersen verebilirim pm atman yeterlimetalgear
