MyBB Türkçe Destek Forumu

MyBB forumlarında bildiğiniz gibi çok boyutlu (HD Wallpaper, GIF resimleri vb.) konulara/yorumlara/imzalara eklenince sayfa açılış hızı düşüyor, sayfa kasıyor. Bunun için resim boyutlandırma kodunu kullanabiliriz.

Vereceğim kod resimin boyutunu 500px haline getirir, resimin üzerine gelince ise resimin boyutunu orjinal haline getirir.

1. Admin Paneli > Temalar & Şablonlar > Temalar > [Kullandığınız temayı seçiniz.] > global.css adlı CSS dosyasını açıp aşağıdaki kodu bulun;
   
   
   Kod:

   .scaleimages img {
    max-width: 100%;
}
   
   
2. Benim verdiğim aşağıdaki kod ile değiştirin;
   
   
   Kod:

   .scaleimages img {
    max-width: 500px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.scaleimages img:hover {
    max-width: 100%;
}

Örnek Görüntü: (Mouse ile resmin üzerine gelin)


İşlem tamam. Kolay gelsin.