MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
novruz avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

MyBB ana sayfada son konular 4'lü blok [Modifikasyon]


Sponsor Reklam

Çevrimdışı novruz
 Tarih: 03-07-2019, Saat:17:39
#1
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.
Farklı bir sitede paylaşırken yapımcı ismi belirtmenizi rica ediyorum, örn: Modifikasyon Yapımcısı: Novruz.

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 :
resim

Ö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.
Cevapla
Bunu Beğenenler: SefaKaya , ScaryMario
Sponsor Reklam
Sponsor Reklam Sponsor Reklam

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Mybb Konu Güncelleme (Üstte Taşı) Eklentisi Ne Eksik? EmreKarakaya 8 1,379 06-10-2019, Saat:01:03
Son Yorum: ardayuce
  MyBB her foruma ayrı Font Awesome ikon [Modifikasyon] novruz 0 440 14-08-2019, Saat:11:01
Son Yorum: novruz
  [1.6 - 1.8] Mybb Social Login Eklentisi ile 30 Farklı Sosyal MEdya sitesiyle Kayıt Olma camoka1903 5 2,409 18-07-2019, Saat:17:47
Son Yorum: MuslumDurukan
  MyBB Gece modu özelliği [Modifikasyon] novruz 2 443 06-07-2019, Saat:21:34
Son Yorum: novruz
Öneri - Fikir MyBB kimler çevrimiçi bölümünde kullanıcı avatarı [Modifikasyon] novruz 0 235 30-06-2019, Saat:11:08
Son Yorum: novruz



Konuyu Okuyanlar: 1 Ziyaretçi