Kullanıcı:
Filtreler
Neler yeni
XenGenTr
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.

Giriş yap Şimdi kayıt ol
  • 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 ? XF2 Profil çerçevesi

Sis

Sis

xFanatik
SMS onaylı
Kullanıcı
Katılım
17 Nis 2018
Mesajlar
1,281
Çözümler
11
Aşağıdaki görseldeki gibi kırmızımsı çerçevenin aynısını nasıl yaparız ? :)


Screenshot_20200412-205353_Instagram.jpg
 

Nasıl yapılır ? XF2 Profil çerçevesi

netr0n
Şu adımları tek tek uygularsınız.

Kullandığınız temanızın 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: 
<div class="xgt-avatar">
    <div class="xgt-avatar-border">
        <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
    </div>  
</div>

Yine kullandığınız temanın extra.less şablonunu açın ve aşağıdaki kodları ekleyip kayıt edin.

Less: 
.xgt-avatar{
    display: block;
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    border-radius: 50%;
    padding: 4px;
}

.xgt-avatar-border{
    display: block...
Tamamını görüntüle
Tarihe göre sırala Oylara göre sırala
Bu Konudan anlayipda bunu xenforo.gen.tr nin Version 4 Temasi üzerinde yapabilen varmi acaba?
 
Oyla 0 Downvote
ben de çalışmadı hiç tepki yok etiket hocamın kodlar dahil. gece modu message şablonuna ve extra less e ekledim ama nafile
 
Oyla 0 Downvote
netr0n' Alıntı:
Şu adımları tek tek uygularsınız.

Kullandığınız temanızın 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: 
<div class="xgt-avatar">
    <div class="xgt-avatar-border">
        <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
    </div> 
</div>

Yine kullandığınız temanın extra.less şablonunu açın ve aşağıdaki kodları ekleyip kayıt edin.

Less: 
.xgt-avatar{
    display: block;
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    border-radius: 50%;
    padding: 4px;
}

.xgt-avatar-border{
    display: block;
    border: 4px solid #fff;
    border-radius: 50%;
}

@media (max-width: @xf-publicNavCollapseWidth)
{
.xgt-avatar{
    padding: 2px;
    } 
.xgt-avatar-border{
      border-width: 2px;
    }
}

Örnek resim:

Ekli dosyayı görüntüle 10790

Mobil görünümü

Ekli dosyayı görüntüle 10791
Genişletmek için tıkla ...
Hocam Benim Postbit Kare? Bunu Kare Yapabilir Miyim ya da avatarı daire yapabilir miyim?
 
Oyla 0 Downvote
Cevap yazmak için giriş yap yada kayıt ol.

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.

Giriş yap Şimdi kayıt ol