XF 2.2 Eklenti Online Offline Durum Yapılandırma

İconları Kendime Göre Değiştirdim Orjinal İkonu isteyenler

Bunu

Kod:

content: "\f111";

Bununla Değiştirsin

Kod:

content: "\f2bd";

Message_Macros Açılır

Aratılır

Kod:

<span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>

Altına Eklenir

Kod:

<xf:else />
<span class="message-avatar-offline" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('offline_now')|for_attr }}"></span>

Extra.less İçine Eklenir Responsive Dahildir

Kod:

/*Postbit Offline Show & Online İco Cange*/
.message-avatar-wrapper .message-avatar-online:before{
    content: "\f111";
}
.message-avatar-wrapper .message-avatar-offline:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f111";
    width: .969em;
    text-align: center;
    line-height: 1;
    font-weight: bold;
    color: #b90000;
    background: #f5f5f5;
    border: #f5f5f5 solid 2px;
    border-radius: 50%;
    display: inline-block;
}
.message-avatar-wrapper .message-avatar-offline {
    position: absolute;
    left: 50%;
    margin-left: -.615em;
    bottom: -.5em;
}
@media (max-width: 650px) {
  .message:not(.message--forceColumns)
    .message-avatar
    .avatar
    + .message-avatar-offline {
    left: auto;
    right: 0;
  }
}

Hover İçin

• Görünüm ve diller > Cümle ve Kelimeler Girin Cümle Ekle Başlık

Kod:

offline_now

Cümle Metni:

Kod:

Şu an Çevrim dışı

Ekleyiniz