IRCDefteri.Net - En İyi IRCForum Sayfasi - Vbulletin 3.x - Sayfa Navigasyonu (Pagenav) Güncelleme

Sayfa Navigasyonu Altyapı Güncellemesi

Forumumuzun sayfa navigasyon sistemi yeniden yazıldı. Eski HTML tablo tabanlı yapı, sayfa sayısı arttıkça ekrandan taşıyor ve mobil cihazlarda layout bozuluyordu.
Tablo mimarisi tamamen kaldırılarak yerine CSS Flexbox ve JavaScript gruplama motoru getirildi.
Artık kaç sayfa olursa olsun navigasyon çubuğu ekranda sabit ve düzgün kalıyor, mobilde de masaüstünde de sorunsuz çalışıyor.

Eski yapı — HTML tablo tabanlı Sorunlu

https://resimyolu.com/images/2026/04...505eaccfbe.png

Yeni yapı — CSS Flex + JS gruplama Güncel

https://resimyolu.com/images/2026/04...4a65f51064.png

Mobil görünüm karşılaştırması

https://resimyolu.com/images/2026/04...1f14d168c7.png

Nerede Yapılacak?

İngilizce ; AdminCP → Styles & Templates → Search in Templates

Türkçe ; Admin Panel → Stiller & Temalar → Temalarda Ara

1. pagenav

Ne değişti: Eski yapısı kaldırıldı, yerine CSS Flexbox getirildi. Sayfa bilgisi (X/Y) ayrı satıra alındı. Taşma sorunu ortadan kalktı.

Tüm içeriği sil, şununla değiştir:

Kod:





    $vbphrase[page_x_of_y]


    

        #$anchor">« $vbphrase[pagenav_first]



        <



        $pagenav



        >



        #$anchor">$vbphrase[pagenav_last] »

2. pagenav_curpage

Ne değişti: Aktif sayfa

hücresinden çıkarıldı, ile inline-block yapıldı. Koyu mavi renk ve bold yazı ile aktif sayfa belirginleştirildi.

Tüm içeriği sil, şununla değiştir:

Kod:



$vbphrase[showing_results_x_to_y_of_z]">$curpage

3. pagenav_pagelink

Ne değişti: Her sayfa numarasındaki

kaldırıldı, doğrudan etiketi inline-block yapıldı. Açık gri arka plan eklendi.

Tüm içeriği sil, şununla değiştir:

Kod:

&page=$curpage#$anchor" title="$vbphrase[show_results_x_to_y_of_z]">$curpage

4. pagenav_pagelinkrel

Ne değişti: pagenav_pagelink ile aynı yapıya getirildi,

kaldırıldı, inline-block yapıldı.

Tüm içeriği sil, şununla değiştir:

Kod:

&page=$curpage#$anchor" title="$vbphrase[show_results_x_to_y_of_z]">$curpage

Bilgilendirme ;

Tüm değişiklikler yapıldıktan sonra tarayıcı önbelleğini temizleyerek (Ctrl+Shift+R) test ediniz.
Üçüncü taraf yazılım veya çerez kullanıyorsanız ( Cloudflare ) vb cache geçmişini temizleyin.

Not ; Bu değişiklik sadece kategorilerdeki görünümler için değil tüm sayfalarda mesela üye listesi , özel mesaj ( pm ) gibi alanlardada geçerli olacaktır.
css ve js de değişiklik yapabilir ve renkleri mevcut temanızın renklerine göre ayarlayabilir veya benim verdiğim renkleri kullanabilirsiniz.

Bu tarz paylaşımların devamı için yorum yapmayı unutmayın...
Bilgi paylaştıkça güzeldir :)
Keyifli Forumlar..

Overdose

09.Nisan.2026 23:18

Cevap: Vbulletin 3.x - Sayfa Navigasyonu (Pagenav) Güncelleme

Öncelikle Emeklerine Saglık Çok Güsel bir Çalısma olmus gerçekten @aSpeNDos

Forum Saati: 04:42. Zaman dilimi GMT +4 olarak ayarlanmıştır.