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 ? Kullanıcı postbit arkaplan avatarı

Hüseyn.

echo {XenGenTr}
Yönetici
Destek ekibi
SMS onaylı
Katılım
4 May 2018
Mesajlar
846
Çözümler
22
test.gif
Merhabalar, kendi formumda uygulamış olduğum kullanıcının postbit arkaplanında gif ve ya istediğiniz tür fotoğraf kullanarak daha şık görünmesini sağlayabilirsiniz. Bunun için yapacağınız şeyler:

Admin CP > Görünüm ve diller > Temalarınız > "Temanız" - Şablonlar > message_macros dosyasını açarak baştaki

PHP:
<xf:macro name="user_info"
    arg-user="!"
    arg-fallbackName="">
bu kodun altına

PHP:
<div class="postbit_background" style="background-image: url({$user.Profile.custom_fields.xxx});"></div>
bu kodu atın. Daha sonra extra.less şablonunun içerisine


CSS:
.postbit_background {
    opacity: .25;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 268px;
    background-position: center;
    background-size: cover !important;
}
.postbit_background:before{
    
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(to bottom, transparent, #222);
}
kodu atın.

Son işlemimiz:
Kullanıcılar > Kullanıcı özel alanları'na girerek Alan ekle diyoruz.
Alan kimliği-ID kısmı message_macrosda vermiş olduğum koddaki $user.Profile.custom_fields.xxx şu kısımdaki xxx yeridir. alan kimliğinde belirlediğimiz örn: pstbt yazısını xxx yerinede yazıyoruz.
Başlık: istediğiniz başlığı girebilirsiniz
Gösterim: Kullanıcı bilgileri
Alan türü: Tek satırlı metin kutusu
Genel seçenekler: Kullanıcı düzenleyebilir ve profil sayfasında görüntülenebiliri tıklıyoruz.

Sonuç üstde vermiş olduğum gibi arkaplanı kullanıcı istediği gibi haraketli/haraketsiz resimlerle süsleyebilir.

Not: Forumda önceden böyle bir konu paylaşılmışmı bilmiyorum ancak bilmeyen arkadaşlar için hazırladım.
 
Kod:
<xf:if is="{$user.Profile.custom_fields.xxx}">
    <div class="postbit_background" style="background-image: linear-gradient(180deg, #fff0, #141414), url({$user.Profile.custom_fields.xxx});">
    </div>
<xf:else />
    <div class="postbit_background" style="background-image: linear-gradient(180deg, #fff0, #141414), url(https://siteniz.com/bg.jpg);">
    </div>
</xf:if>

xxx olan bölümleri kullanıcı adı id si ile değiştirin. Burdaki anlam eğer kullanıcı bir postbit arkaplanı seçmemişse siteniz com olan bölümdeki resimi gösterecektir. Eğer seçmişsede belirlenen resmi gösterecek. Bu örnek resim üzerindendir renk olarak ise


Kod:
<xf:if is="{$user.Profile.custom_fields.xxx}">
    <div class="postbit_background" style="background-image: linear-gradient(180deg, #fff0, #141414), url({$user.Profile.custom_fields.xxx});">
    </div>
<xf:else />
    <div class="postbit_background" style="background-color: red;">
    </div>
</xf:if>

farklı renk seçmek isterseniz background-color alanındakı red i değiştirin.
 
<xf:if is="{$user.Profile.custom_fields.xxx}"> <div class="postbit_background" style="background-image: linear-gradient(180deg, #fff0, #141414), url({$user.Profile.custom_fields.xxx});"> </div> <xf:else /> <div class="postbit_background" style="background-image: linear-gradient(180deg, #fff0, #141414), url(https://siteniz.com/bg.jpg);"> </div> </xf:if>
hocam burada bir hata mı ekliyorum olmuyor ?
 
Yok kendi id nizi değil postta yazdığım gibi özel kullanıcı alanı oluşturduğunuzda üstte bir id verirsiniz o id ni yazın
 
Merhabalar, kendi formumda uygulamış olduğum kullanıcının postbit arkaplanında gif ve ya istediğiniz tür fotoğraf kullanarak daha şık görünmesini sağlayabilirsiniz. Bunun için yapacağınız şeyler:

Admin CP > Görünüm ve diller > Temalarınız > "Temanız" - Şablonlar > message_macros dosyasını açarak baştaki

PHP:
<xf:macro name="user_info"
    arg-user="!"
    arg-fallbackName="">
bu kodun altına

PHP:
<div class="postbit_background" style="background-image: url({$user.Profile.custom_fields.xxx});"></div>
bu kodu atın. Daha sonra extra.less şablonunun içerisine


CSS:
.postbit_background {
    opacity: .25;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 268px;
    background-position: center;
    background-size: cover !important;
}
.postbit_background:before{
   
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(to bottom, transparent, #222);
}
kodu atın.

Son işlemimiz:
Kullanıcılar > Kullanıcı özel alanları'na girerek Alan ekle diyoruz.
Alan kimliği-ID kısmı message_macrosda vermiş olduğum koddaki $user.Profile.custom_fields.xxx şu kısımdaki xxx yeridir. alan kimliğinde belirlediğimiz örn: pstbt yazısını xxx yerinede yazıyoruz.
Başlık: istediğiniz başlığı girebilirsiniz
Gösterim: Kullanıcı bilgileri
Alan türü: Tek satırlı metin kutusu
Genel seçenekler: Kullanıcı düzenleyebilir ve profil sayfasında görüntülenebiliri tıklıyoruz.

Sonuç üstde vermiş olduğum gibi arkaplanı kullanıcı istediği gibi haraketli/haraketsiz resimlerle süsleyebilir.

Not: Forumda önceden böyle bir konu paylaşılmışmı bilmiyorum ancak bilmeyen arkadaşlar için hazırladım.
alan ıd kısmını çözemedim ustam
 

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.