XenForo Postbit çevrimiçi ve çevrimdışı seçeneğini özelleştirin

Yönetici

HAN

WFN Moderatör

1/3

4 Eyl 2025

#1

XenForo Postbit çevrimiçi ve çevrimdışı seçeneğini özelleştirin

Uyumlu XF Sürümleri

2.2.X
2.3.X

Postbit çevrimiçi ve çevrimdışı seçeneğini düzenleyerek kendinize göre özelleştirin.

Description:
Customize it yourself by editing the Postbit online and offline option.

message_macros şablonunu açın ve aşağıdaki kodu bulun:

Kod:

<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="{{ $includeMicrodata ? 'image' : '' }}" />

Aşağıda verdiğim kod ile değiştirin:

Kod:

<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
                <div class="trxf-avatar2">
                        <div class="trxf-avatar-border2">
                    <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
                       </div>
                </div>
                <xf:else />
                    <div class="trxf-avatar">
                        <div class="trxf-avatar-border">
                    <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 50%,#cc2366 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%;
}
@media (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%;
}
@media (max-width: @xf-publicNavCollapseWidth)
{
.trxf-avatar2{
    padding: 2px;
    }
.xtrxf-avatar-border2{
      border-width: 2px;
    }
}