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.
 
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.
ben yaptımda herhangi bir değişiklik olmadı bende
 
journey journey
Desktop Screenshot 2020.03.27 - 22.31.17.40.png

arkaplana resim koymamısınızda o yüzden. background-image (); yolu boş gözüküyor üstte paylaştığım gibi özel kullanıcı alanı oluşturarak id leri doğruladıktan sonra admin cp den kullanıcının (eğer sadece moderatör düzenleyebiliyorsa) bilgilerinde olan kısıma resim atmanız yeterli olacaktır. İlave olarak ultimate postbit kullandığınız içinde mavi bölge gözüküyor onu silmekde size kalmış birşey
 
journey journey
Ekli dosyayı görüntüle 10512

arkaplana resim koymamısınızda o yüzden. background-image (); yolu boş gözüküyor üstte paylaştığım gibi özel kullanıcı alanı oluşturarak id leri doğruladıktan sonra admin cp den kullanıcının (eğer sadece moderatör düzenleyebiliyorsa) bilgilerinde olan kısıma resim atmanız yeterli olacaktır. İlave olarak ultimate postbit kullandığınız içinde mavi bölge gözüküyor onu silmekde size kalmış birşey
Ekran Alıntısı.PNG
bu kısıma ekledim ama olmadı yanlışmı yapıyorum
 
journey journey evet. değer göstergesini boş bırakacaksınız. Resmide sadece boş resim (<img src="resim.gif" değil direk resim.gif) kullanıcının profiline girerek isim verdiğiniz text alanına atacaksınız.
 
Gösterilen gibi doğru alanın altına kodu tam attınızmı? Site adresiniz nedir
 
minecrafturk .com bir de hocam tercihler kısmına atmıştım ben isteyen girip bir şey yazabiliyor o kutuya ben zorunlu olarak her kullanıcıya aynı şeyi göstermek istiyorum renk olarak
 
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.
 

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.