Resim Boyutlandırma - Eklentisiz

Durum
Üzgünüz bu konu cevaplar için kapatılmıştır...
Gladius de Deus
Donator
Katılım
6 Eki 2018
Mesajlar
334
Çözümler
1
Tepki puanı
125
Ödüller
9
7 HİZMET YILI
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.

Verilen kod resimin boyutunu 400px haline getirir, resimin üzerine gelince ise resimin boyutunu orjinal haline getirir.
Demo adresi vermek isterdim ama link veya resim eklediğim gibi moderatör onayına giriyor, buda aşırı saçma.

Adım 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%;
}

Adım 2: Aşağıdaki kod ile değiştirin;
Kod:
.scaleimages img {
    max-width: 400px;
    -webkit-transition: all 0.4s cubic-bezier(0.4,0,1,1);
    transition: all 0.4s cubic-bezier(0.4,0,1,1);
}

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

İşlemimiz tamamdır.
Kolay gelsin.
 
Durum
Üzgünüz bu konu cevaplar için kapatılmıştır...
Üst