Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 5
  • 1
  • 2
  • 3
  • 4
  • 5
MyBB ana sayfada son konular 4'lü blok [Modifikasyon]
#1
Lightbulb 
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 :
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.
Ara
Cevapla PGM
#2
Elinize sağlık
-ARCH
Lütfen "Rep Verbutonuna tıklayarak bizi değerlendirin.
Forum Organizatörü
Ara
Cevapla PGM
Teşekkür verenler:
#3
(03-07-2019 Saat: 19:53)NextWorld Nickli Kullanıcıdan Alıntı: Elinize sağlık

Teşekkürler.
Ara
Cevapla PGM
Teşekkür verenler:
#4
Eline sağlık Novruz. Kendini geliştiriyorsun kodlama konusunda da. Darısı bizim başımıza :)
Faydalı paylaşımların için de +rep.
Ücretli grafik tasarım işleriniz için özel mesaj yoluyla ulaşabilirsiniz.
"Hiçbir kuş, komşusundan daha fazla yuva yapmaya uğraşmadı; hiçbir tilki, saklanacak tek bir kovuk bana yetmez! diye kendini harap etmedi; hiçbir sincap bir değil de iki kış yetecek kadar ceviz biriktiremediği için endişeden ölmedi ve hiçbir köpek yaşlılık yılları için biriktirmiş kemiği olmadığını dert ederek uykusuz kalmadı."

oyPjvR.png
Ara
Cevapla PGM
Teşekkür verenler: Novruz
#5
(03-07-2019 Saat: 20:00)Time Traveler Nickli Kullanıcıdan Alıntı: Eline sağlık Novruz. Kendini geliştiriyorsun kodlama konusunda da. Darısı bizim başımıza :)
Faydalı paylaşımların için de +rep.

Göstere bildiklerimiz bu kadar diyelim. Teşekkür ederim. :)
Ara
Cevapla PGM
Teşekkür verenler: yusuer
#6
Bence çok güzel bir bilginiz var, gerçekten çok güzel işler çıkarırsınız. ^^
Ara
Cevapla PGM
Teşekkür verenler:
#7
Hocam bunu yalnızca yazı formatında da yapabilir miyiz?

//Önceki konuda kodları farklı yerden çekiyordu ...
-ARCH
Lütfen "Rep Verbutonuna tıklayarak bizi değerlendirin.
Forum Organizatörü
Ara
Cevapla PGM
Teşekkür verenler:
#8
(03-07-2019 Saat: 20:56)Alex. Nickli Kullanıcıdan Alıntı: Bence çok güzel bir bilginiz var, gerçekten çok güzel işler çıkarırsınız. ^^
Teşekkürler. :)

(03-07-2019 Saat: 21:31)NextWorld Nickli Kullanıcıdan Alıntı: Hocam bunu yalnızca yazı formatında da yapabilir miyiz?
//Önceki konuda kodları farklı yerden çekiyordu ...

Yazı formatında da yapıla bilir zaten konudaki yazı halinin gelişmişi.
Diğer konuda son konu sahibi ve s. ek bilgiler gerektiği için portal sayfasından çekiliyordu. Burada ise sadece konu ismi gerektiği için syndication.php sayfasından çekmek yetiyor.
Ara
Cevapla PGM
Teşekkür verenler: NextWorld
#9
(03-07-2019 Saat: 20:02)Novruz Nickli Kullanıcıdan Alıntı:
(03-07-2019 Saat: 20:00)Time Traveler Nickli Kullanıcıdan Alıntı: Eline sağlık Novruz. Kendini geliştiriyorsun kodlama konusunda da. Darısı bizim başımıza :)
Faydalı paylaşımların için de +rep.

Göstere bildiklerimiz bu kadar diyelim. Teşekkür ederim. :)

Hayırlı olsun.Göreve dönmüşsünüz.)
Ara
Cevapla PGM
Teşekkür verenler:
#10
Hayırlı olsun ama sizin yeriniz kodlama ekibi olmalıydı şahsimce :)
Bana ulaşmak için / http://english.10tl.net

MybbPHPVB.NETHTMLCSS MySQL                                    

Eğer eleştiriden korkuyorsanız, dünyadan hiçbir şey yapmadan geçip gideceksiniz demektir. 
Cevapla PGM
Teşekkür verenler:
#11
(05-07-2019 Saat: 20:17)yusuer Nickli Kullanıcıdan Alıntı:
(03-07-2019 Saat: 20:02)Novruz Nickli Kullanıcıdan Alıntı:
(03-07-2019 Saat: 20:00)Time Traveler Nickli Kullanıcıdan Alıntı: Eline sağlık Novruz. Kendini geliştiriyorsun kodlama konusunda da. Darısı bizim başımıza :)
Faydalı paylaşımların için de +rep.

Göstere bildiklerimiz bu kadar diyelim. Teşekkür ederim. :)

Hayırlı olsun.Göreve dönmüşsünüz.)

(06-07-2019 Saat: 16:28)Muratbaykam Nickli Kullanıcıdan Alıntı: Hayırlı olsun ama sizin yeriniz kodlama ekibi olmalıydı şahsimce :)


Teşekkürler, haberim dışı gelişen bir olay oldu aslında. :)
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



Reklam yaziniz bostur. ayarlardan duzenleyiniz:medi -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping