MyBB ana sayfada son konular 4’lü blok

 


Bu modifikasyon sayesinde herhangi bir eklentiye(plugin) ihtiyaç duymadan forumda açılmış son konuları ana sayfaya(veya istenilen herhangi bir sayfaya) 4’lü blok şeklinde ekleye bilirsiniz.

Admin KP » Temalar ve şablonlar » Şablonlar » Kullandığınız temanın şablon seti » Ana Sayfa – [index] Şablonlar » index

  1. {$header} değişkeninin altına aşağıdaki kodu ekleyin;
    PHP Kod:  
    <ul class="threadlist"></ul

  2. </body> tagının üzerine ekleyin;
    PHP Kod:  
    <script>threadlist document.getElementsByClassName("threadlist")[0];
    fetch('syndication.php?type=atom1.0&limit=4' .then(res => res.text())  .then((responseText) => {    const doc = new DOMParser().parseFromString(responseText'text/xml');    const elm = Array.from(doc.getElementsByTagName("title"));    const elm2 = Array.from(doc.getElementsByTagName("id"));    for(var 1elm.lengthi++){    threadlist.innerHTML += '<li><a href="' elm2[i].textContent '"><span>' elm[i].textContent '</span></a></li>';    }
    });</
    script


Admin KP » Temalar ve şablonlar » Kullandığınız tema » global.css » Gelişmiş düzenleme » aşağıdaki kodları en alta ekleyin.

PHP Kod:  
.threadlist{
    
padding:0;
    
display:flex;
    list-
style:none;
    
width:100%;
}

.threadlist li{
    
display:flex;
    
flex-basis:calc(100% / 4);
    
justify-content:center
}

.threadlist li a{
    
displayflex;
    
flex-basis96%;
    
align-itemsflex-end;
    
height10rem;
    
padding1rem;
    
text-decorationnone;
    
font-family:sans-serif;
    
border-radius5px;
    
color:white;
    
background:url(https://cdn.pixabay.com/photo/2017/08/18/11/24/mybb-2654585_960_720.jpg) center center / cover;
    
box-shadow:0 0 5px rgba(0,0,0,0.3);
}

.threadlist li a span{
    -
webkit-transition150ms linear;
    
transition150ms linear
}

.threadlist li a:hover span{
    
margin-bottom4px


Önizleme :
7BXmON.png

Özelleştirme :

  • Blok arkaplanını düzenlemek için .threadlist li a seçicisindeki background değişkenindeki linki değiştire bilirsiniz.
  • Blok sayısını arttırmak için Javascript kodundaki syndication.php?type=atom1.0&limit=4 linkindeki 4 sayısını arttırmak istediğiniz sayı ile değiştirin ve CSS kodundaki .threadlist li seçicisindeki calc(100% / 4); değerindeki 4 sayısını arttırmak istediğiniz sayı ile değiştirin.

MyBB ana sayfada son konular 4’lü blok Google'da Ara
#MyBB ana sayfada son konular 4'lü blok

Bunları da sevebilirsiniz

MyBB ana sayfada son konular 4’lü blok” için 15 yorum

  1. Selam herkese bu web sitesi ciddiyim çok güzel, paylaşımların devamını bekliyorum

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir