- Katılım
- 19 Mart 2019
- Mesajlar
- 8,750
- Tepkime puanı
- 45
- Konum
- Diyarbakır
- Cinsiyet
-
- Bay
- Takım
- Galatasaray
Xenforo sisteminde kullanıcıları online - offline bilgisini instagram tarzında göstermek istiyorsanız aşağıda ki işlemleri gerçekleştirmeniz gerekiyor.
İlk olarak, yapacağınız işlem sonucu görsel aşağıda ki gibi olacaktır.
message_macros şablonunda bu aşağıdaki kodu bulun
Yukarıda ki kodu silerek, aşağıdaki Kod İle değiştirin.
Son Olarak Aşağıdaki Kodu extra.less Ekleyin.
yapmanız gereken işlem yalnızca bu kadar.
İlk olarak, yapacağınız işlem sonucu görsel aşağıda ki gibi olacaktır.
message_macros şablonunda bu aşağıdaki kodu bulun
Kod:
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />Yukarıda ki kodu silerek, aşağıdaki Kod İle değiştirin.
Kod:
<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
<div class="xgt-avatar2">
<div class="xgt-avatar-border2">
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
</div>
</div>
<xf:else />
<div class="xgt-avatar">
<div class="xgt-avatar-border">
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
</div>
</div>
</xf:if>Son Olarak Aşağıdaki Kodu extra.less Ekleyin.
Kod:
.xgt-avatar{
display: block;
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
border-radius: 50%;
padding: 4px;
box-shadow: 0px 0px 10px 3px rgba(178, 34, 34, 0.38);
}
.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;
}
}
.xgt-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);
}
.xgt-avatar-border2{
display: block;
border: 4px solid #fff;
border-radius: 50%;
}
@media (max-width: @xf-publicNavCollapseWidth)
{
.xgt-avatar2{
padding: 2px;
}
.xgt-avatar-border2{
border-width: 2px;
}
}yapmanız gereken işlem yalnızca bu kadar.
