Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Nasıl yapılır ? Avatar Yüklerken Kırpma Sorunu

Linux

xFanatik
Aktif Lisans
SMS onaylı
Kullanıcı
Katılım
26 Mar 2020
Mesajlar
278
Çözümler
27
Merhaba arkadaşlar.
Avatarı yüklerken kendi kendine kırpıyor. Bunu nasıl çözebilirim ?
 

Nasıl yapılır ? Avatar Yüklerken Kırpma Sorunu

Merhaba, kırpma işlemine çözüm bulamazsınız onu kendisi kırpar. Sebebi yüklediğiniz avatarı bir çok alanda farklı boyutlarda kullandığı için her alana göre kırpma işlemi yapar. Bunu yapmaz ise kullandığı farklı alanlarda anlamsız ve bozuk görüntülere sebep olur.

Örnek avatar boyutları;

o - 384px
h - 384px
l - 192px
m - 96px
s - 48px

Siz postbit alanında daha büyük bir boyut kullanabilir ve css ile bunu kendinize göre büyük veya küçük boyutlara çekebilirsiniz.

Kullanığınız tema da message_macros şablonunu açın aşağıdaki kodu bulun;

HTML:
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />

Aşağıdaki kod ile değiştirin

HTML:
<xf:avatar class="xgt-postbit" user="$user" size="o"...
Merhaba, kırpma işlemine çözüm bulamazsınız onu kendisi kırpar. Sebebi yüklediğiniz avatarı bir çok alanda farklı boyutlarda kullandığı için her alana göre kırpma işlemi yapar. Bunu yapmaz ise kullandığı farklı alanlarda anlamsız ve bozuk görüntülere sebep olur.

Örnek avatar boyutları;

o - 384px
h - 384px
l - 192px
m - 96px
s - 48px

Siz postbit alanında daha büyük bir boyut kullanabilir ve css ile bunu kendinize göre büyük veya küçük boyutlara çekebilirsiniz.

Kullanığınız tema da message_macros şablonunu açın aşağıdaki kodu bulun;

HTML:
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />

Aşağıdaki kod ile değiştirin

HTML:
<xf:avatar class="xgt-postbit" user="$user" size="o" defaultname="{$fallbackName}" itemprop="image" />

Büyük avatar kullanmak için kullandığınız temanın extra.less şablonuna gireceğiniz css kodu


Less:
.message-cell.message-cell--user {
    flex: 0 0 190px !important;
}
.avatar.avatar--o.xgt-postbit {
    width: 187px;
    height: 200px;
    font-size: 230px;
    border-radius: 2px;
}

Eğer m ile aynı ölçülerde kullanmak istiyorsanız sadece aşağıdaki kodu girin ve kendinize göre ayarlayın.


Less:
.avatar.avatar--o.xgt-postbit {
    width: 96px;
    height: 96px;
    font-size: 96px;
}
 
Çözüm

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.