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.
message_macros
şablonunu açın aşağıdaki kodu bulun.<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
<div class="xgt-avatar">
<div class="xgt-avatar-border">
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
</div>
</div>
extra.less
şablonunu açın ve aşağıdaki kodları ekleyip kayıt edin..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...
.avatar.avatar--m {
width: 50; /*avatara göre boyut */
height: 50px; /*avatara göre boyut*/
border: 2px solid #ffd600; /*renk */
float: left;
}
message_macros
şablonunu açın aşağıdaki kodu bulun.<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
<div class="xgt-avatar">
<div class="xgt-avatar-border">
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
</div>
</div>
extra.less
şablonunu açın ve aşağıdaki kodları ekleyip kayıt edin..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;
}
}
Şu adımları tek tek uygularsınız.
Kullandığınız temanızınmessage_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ınextra.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
Şu adımları tek tek uygularsınız.
Kullandığınız temanızınmessage_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ınextra.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
Şu adımları tek tek uygularsınız.
Kullandığınız temanızınmessage_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ınextra.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
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.
Bu sitenin çalışması için temel çerezleri ve deneyiminizi geliştirmek için isteğe bağlı çerezleri kullanıyoruz.