Merhaba Değerli Arkadaşlarım bu konumda sizlere Xenforo animasyonlu posbit online offline sistemi nasıl yapılır siz değerli arkadaşlarıma anlatmak isterim.
message_macros şablonunu açın ve aşağıdaki kodu bulun:
CSS:
Aşağıda verdiğim kod ile değiştirin:
css:
Kullandığınız temanın extra.less şablonuna aşağıdaki kodu ekleyin:
less:
bu kodları ekledikten sonra Aşağıdaki fotoğraftakiler gibi görünecektir.
Kullanacak arkadaşlara şimdiden hayırlı olsun. Bu işlemleri yaparken muhakkak Yedeklerinizi Almayı unutmayın bu sizlerin sitenizin güvenliği içindir yanlış birşey yaparsanız hatasız bir şekilde işleme devam etmenize olanak tanıyacaktır. Hepinize İyi Forumlar Dilerim.
message_macros şablonunu açın ve aşağıdaki kodu bulun:
CSS:
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="{{ $includeMicrodata ? 'image' : '' }}" />Aşağıda verdiğim kod ile değiştirin:
css:
<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
<div>
<div>
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
</div>
</div>
<xf:else />
<div>
<div>
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
</div>
</div>
</xf:if>Kullandığınız temanın extra.less şablonuna aşağıdaki kodu ekleyin:
less:
.trxf-avatar{
display: block;
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743[HASH=135873]#f09433[/HASH]c2366 75%,#bc1888 100%);
border-radius: 50%;
padding: 4px;
box-shadow: 0px 0px 10px 3px rgba(178, 34, 34, 0.38);
}
.trxf-avatar-border{
display: block;
border: 4px solid #fff;
border-radius: 50%;
[HASH=7268]#fff[/HASH]edia (max-width: @xf-publicNavCollapseWidth)
{
.trxf-avatar{
padding: 2px;
}
.trxf-avatar-border{
border-width: 2px;
}
}
.trxf-avatar2{
display: block;
background: linear-gradient(to right, green, yellow);
border-radius: 50%;
padding: 4px;
box-shadow: 0px 0px 10px 3px rgba(4, 90, 15, 0.38);
}
.trxf-avatar-border2{
display: block;
border: 4px solid #fff;
border-radius: 50%;
[HASH=7268]#fff[/HASH]edia (max-width: @xf-publicNavCollapseWidth)
{
.trxf-avatar2{
padding: 2px;
}
.xtrxf-avatar-border2{
border-width: 2px;
}
}bu kodları ekledikten sonra Aşağıdaki fotoğraftakiler gibi görünecektir.
Kullanacak arkadaşlara şimdiden hayırlı olsun. Bu işlemleri yaparken muhakkak Yedeklerinizi Almayı unutmayın bu sizlerin sitenizin güvenliği içindir yanlış birşey yaparsanız hatasız bir şekilde işleme devam etmenize olanak tanıyacaktır. Hepinize İyi Forumlar Dilerim.
