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

Scarface · 21 Eki 2022

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

{$header} değişkeninin altına aşağıdaki kodu ekleyin;
PHP Kod: Tümünü Seç Tümünü Kopyala
[COLOR=#007700]<[/COLOR][COLOR=#0000BB]ul [/COLOR][COLOR=#007700]class=[/COLOR][COLOR=#DD0000]"threadlist"[/COLOR][COLOR=#007700]></[/COLOR][COLOR=#0000BB]ul[/COLOR][COLOR=#007700]> [/COLOR]

</body> tagının üzerine ekleyin;
PHP Kod: Tümünü Seç Tümünü Kopyala

Kod:

[COLOR=#007700]<[/COLOR][COLOR=#0000BB]script[/COLOR][COLOR=#007700]>[/COLOR][COLOR=#0000BB]threadlist [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]document[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]getElementsByClassName[/COLOR][COLOR=#007700]([/COLOR][COLOR=#DD0000]"threadlist"[/COLOR][COLOR=#007700])[[/COLOR][COLOR=#0000BB]0[/COLOR][COLOR=#007700]];[/COLOR]
[COLOR=#0000BB]fetch[/COLOR][COLOR=#007700]([/COLOR][COLOR=#DD0000]'syndication.php?type=atom1.0&limit=4'[/COLOR][COLOR=#007700]) [/COLOR][COLOR=#0000BB] [/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]then[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]res [/COLOR][COLOR=#007700]=> [/COLOR][COLOR=#0000BB]res[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]text[/COLOR][COLOR=#007700]()) [/COLOR][COLOR=#0000BB] [/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]then[/COLOR][COLOR=#007700](([/COLOR][COLOR=#0000BB]responseText[/COLOR][COLOR=#007700]) => { [/COLOR][COLOR=#0000BB]   const doc [/COLOR][COLOR=#007700]= new [/COLOR][COLOR=#0000BB]DOMParser[/COLOR][COLOR=#007700]().[/COLOR][COLOR=#0000BB]parseFromString[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]responseText[/COLOR][COLOR=#007700], [/COLOR][COLOR=#DD0000]'text/xml'[/COLOR][COLOR=#007700]);    const [/COLOR][COLOR=#0000BB]elm [/COLOR][COLOR=#007700]= Array.[/COLOR][COLOR=#0000BB]from[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]doc[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]getElementsByTagName[/COLOR][COLOR=#007700]([/COLOR][COLOR=#DD0000]"title"[/COLOR][COLOR=#007700]));    const [/COLOR][COLOR=#0000BB]elm2 [/COLOR][COLOR=#007700]= Array.[/COLOR][COLOR=#0000BB]from[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]doc[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]getElementsByTagName[/COLOR][COLOR=#007700]([/COLOR][COLOR=#DD0000]"id"[/COLOR][COLOR=#007700]));    for(var [/COLOR][COLOR=#0000BB]i [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]1[/COLOR][COLOR=#007700]; [/COLOR][COLOR=#0000BB]i [/COLOR][COLOR=#007700]< [/COLOR][COLOR=#0000BB]elm[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]length[/COLOR][COLOR=#007700]; [/COLOR][COLOR=#0000BB]i[/COLOR][COLOR=#007700]++){    [/COLOR][COLOR=#0000BB]threadlist[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]innerHTML [/COLOR][COLOR=#007700]+= [/COLOR][COLOR=#DD0000]'<li><a href="' [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000BB]elm2[/COLOR][COLOR=#007700][[/COLOR][COLOR=#0000BB]i[/COLOR][COLOR=#007700]].[/COLOR][COLOR=#0000BB]textContent [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#DD0000]'"><span>' [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000BB]elm[/COLOR][COLOR=#007700][[/COLOR][COLOR=#0000BB]i[/COLOR][COLOR=#007700]].[/COLOR][COLOR=#0000BB]textContent [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#DD0000]'</span></a></li>'[/COLOR][COLOR=#007700];    }
});</[/COLOR][COLOR=#0000BB]script[/COLOR][COLOR=#007700]> [/COLOR]

Admin KP » Temalar ve şablonlar » Kullandığınız tema » global.css » Gelişmiş düzenleme » aşağıdaki kodları en alta ekleyin.
PHP Kod: Tümünü Seç Tümünü Kopyala

Kod:

[COLOR=#007700].[/COLOR][COLOR=#0000BB]threadlist[/COLOR][COLOR=#007700]{
    [/COLOR][COLOR=#0000BB]padding[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000BB]0[/COLOR][COLOR=#007700];
    [/COLOR][COLOR=#0000BB]display[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000BB]flex[/COLOR][COLOR=#007700];
    list-[/COLOR][COLOR=#0000BB]style[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000BB]none[/COLOR][COLOR=#007700];
    [/COLOR][COLOR=#0000BB]width[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000BB]100[/COLOR][COLOR=#007700]%;
}

.[/COLOR][COLOR=#0000BB]threadlist li[/COLOR][COLOR=#007700]{
    [/COLOR][COLOR=#0000BB]display[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000BB]flex[/COLOR][COLOR=#007700];
    [/COLOR][COLOR=#0000BB]flex[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]basis[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000BB]calc[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]100[/COLOR][COLOR=#007700]% / [/COLOR][COLOR=#0000BB]4[/COLOR][COLOR=#007700]);
    [/COLOR][COLOR=#0000BB]justify[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]content[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000BB]center[/COLOR]
[COLOR=#007700]}

.[/COLOR][COLOR=#0000BB]threadlist li a[/COLOR][COLOR=#007700]{
    [/COLOR][COLOR=#0000BB]display[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]flex[/COLOR][COLOR=#007700];
    [/COLOR][COLOR=#0000BB]flex[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]basis[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]96[/COLOR][COLOR=#007700]%;
    [/COLOR][COLOR=#0000BB]align[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]items[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]flex[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]end[/COLOR][COLOR=#007700];
    [/COLOR][COLOR=#0000BB]height[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]10rem[/COLOR][COLOR=#007700];
    [/COLOR][COLOR=#0000BB]padding[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]1rem[/COLOR][COLOR=#007700];
    [/COLOR][COLOR=#0000BB]text[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]decoration[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]none[/COLOR][COLOR=#007700];
    [/COLOR][COLOR=#0000BB]font[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]family[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000BB]sans[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]serif[/COLOR][COLOR=#007700];
    [/COLOR][COLOR=#0000BB]border[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]radius[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]5px[/COLOR][COLOR=#007700];
    [/COLOR][COLOR=#0000BB]color[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000BB]white[/COLOR][COLOR=#007700];
    [/COLOR][COLOR=#0000BB]background[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000BB]url[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]https[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#FF8000]//cdn.pixabay.com/photo/2017/08/18/11/24/mybb-2654585_960_720.jpg) center center / cover;
    [/COLOR][COLOR=#0000BB]box[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]shadow[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000BB]0 0 5px rgba[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]0[/COLOR][COLOR=#007700],[/COLOR][COLOR=#0000BB]0[/COLOR][COLOR=#007700],[/COLOR][COLOR=#0000BB]0[/COLOR][COLOR=#007700],[/COLOR][COLOR=#0000BB]0.3[/COLOR][COLOR=#007700]);
}

.[/COLOR][COLOR=#0000BB]threadlist li a span[/COLOR][COLOR=#007700]{
    -[/COLOR][COLOR=#0000BB]webkit[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]transition[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]150ms linear[/COLOR][COLOR=#007700];
    [/COLOR][COLOR=#0000BB]transition[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]150ms linear[/COLOR]
[COLOR=#007700]}

.[/COLOR][COLOR=#0000BB]threadlist li a[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000BB]hover span[/COLOR][COLOR=#007700]{
    [/COLOR][COLOR=#0000BB]margin[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]bottom[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]4px[/COLOR]
[COLOR=#007700]} [/COLOR]

Önizleme :

Ö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.

Webmaster Destek Forumu

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

Scarface