Aynı bu şekilde posbitte avatarınızın arkasına nasıl resim ekleyebilirsiniz bunu göstereceğim. Kodları JoyFreak adlı arkadaştan aldım, kaynağı sizin için Türkçe haline getirip sunuyorum
Özel bir kullanıcı alanı oluşturmamız gerekiyor bunun için ; Admin Paneli > Kullanıcılar> Özel kullanıcı alanları
Sonrasında alan oluşturuyoruz ve bilgileri aşağıdaki gibi yapıyoruz ;
Alan Kimliği : postbit_arkaplan
Başlık : Bu istediğiniz herhangi bir şey olabilir, örneğin Postbit Arkaplan
Açıklama : Resmin URL'si. Destek türleri: PNG, JPG, GIF.
Görüntüleme konumu : Kişisel bilgiler
Alan türü : Tek satırlık metin Kutusu
Genel seçenek : Kullanıcı tarafından düzenlenebilir, Moderatör tarafından düzenlenebilir
Bundan sonraki işlemlerde şablon değişikliği yapacağız.
message_macros şablonunu açıyoruz.
Bu kısmı buluyoruz ve altına aşağıdaki kodu yapıştırıyoruz.
extra.less şablonunu açıyoruz. ve aşağıdaki kodları en alta giriyoruz.
Özel bir kullanıcı alanı oluşturmamız gerekiyor bunun için ; Admin Paneli > Kullanıcılar> Özel kullanıcı alanları
Sonrasında alan oluşturuyoruz ve bilgileri aşağıdaki gibi yapıyoruz ;
Alan Kimliği : postbit_arkaplan
Başlık : Bu istediğiniz herhangi bir şey olabilir, örneğin Postbit Arkaplan
Açıklama : Resmin URL'si. Destek türleri: PNG, JPG, GIF.
Görüntüleme konumu : Kişisel bilgiler
Alan türü : Tek satırlık metin Kutusu
Genel seçenek : Kullanıcı tarafından düzenlenebilir, Moderatör tarafından düzenlenebilir
Bundan sonraki işlemlerde şablon değişikliği yapacağız.
message_macros şablonunu açıyoruz.
Kod:
arg-user="!"
arg-fallbackName="">Bu kısmı buluyoruz ve altına aşağıdaki kodu yapıştırıyoruz.
Kod:
<xf:if is="{$user.Profile.custom_fields.postbit_arkaplan}">
<div class="postbit_background" style="background-image: url({$user.Profile.custom_fields.postbit_arkaplan});"></div>
</xf:if>
Kod:
.postbit_background {
position: absolute;
height: 120px;
width: 170px;
opacity: .40;
}
.message-name {
position: relative;
}
@media (max-width: 650px) {
.postbit_background {
display: none;
}
}