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.
ücretli grafik - tasarım ve kodlama işleri yapılır
MyBB Dizayn
iletişim için;
özel mesaj, sosyal medya adreslerim:
facebook | twitter | instagram | behance | github
Cevapla PGM
#2
Elinize sağlık
Edep ile gelen lütuf ile gider...
(------ keyifsizm.10tl.net ------)
Bağışta bulunmak için Tıklayınız... :)
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.
ücretli grafik - tasarım ve kodlama işleri yapılır
MyBB Dizayn
iletişim için;
özel mesaj, sosyal medya adreslerim:
facebook | twitter | instagram | behance | github
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.
"Sinan'ın yapılarının, yola çıkış noktası geleneksel biçim ve plan şemaları olmasına karşın, bunlara katı bir biçimde bağlı kalmayan, koşulların gerektirdiği yerlerde yeni biçimlere yönelen ve böylece eski ile yeni arasında bir bağ oluşturabilen Sinan’ın yapıları, mimarlık bakımından olduğu kadar mühendislik bakımından da öneme sahiptir."

"Her şeyin dünyayı değiştirmesi gerektiğini düşünmüyorum. Sadece şöyle düşünün: Yaptığım şey olması gerektiği kadar faydalı mı?"
Elon Musk
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. :)
ücretli grafik - tasarım ve kodlama işleri yapılır
MyBB Dizayn
iletişim için;
özel mesaj, sosyal medya adreslerim:
facebook | twitter | instagram | behance | github
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. ^^
WWW.SİNEMATİK.10TL.NET
[img width=250 height=100]https://images.typeform.com/images/yL8ACj9nR7/image/default[/img]
Cevapla PGM
Teşekkür verenler:
#7
Hocam bunu yalnızca yazı formatında da yapabilir miyiz?

//Önceki konuda kodları farklı yerden çekiyordu ...
Edep ile gelen lütuf ile gider...
(------ keyifsizm.10tl.net ------)
Bağışta bulunmak için Tıklayınız... :)
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.
ücretli grafik - tasarım ve kodlama işleri yapılır
MyBB Dizayn
iletişim için;
özel mesaj, sosyal medya adreslerim:
facebook | twitter | instagram | behance | github
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.)
Merak Edilicek Bir Yanimiz Yok. Siradan Biriyiz.. Bahsedilicek Kadar Ozel, Bahsi Edilmeyecek Kadar Eskiyiz !

Cevapla PGM
Teşekkür verenler:
#10
Hayırlı olsun ama sizin yeriniz kodlama ekibi olmalıydı şahsimce :)
Bana ulaşmak için / Discord : Murat Baykam#1111

MybbPHPVB.NETHTMLCSS MySQL
                                     

‘Biz hala buradayız , ölmedik...

Bir sürü örnek insan var burada onları örnek alın , başarılı olun pes etmeyin.

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. :)
ücretli grafik - tasarım ve kodlama işleri yapılır
MyBB Dizayn
iletişim için;
özel mesaj, sosyal medya adreslerim:
facebook | twitter | instagram | behance | github
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***