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
şablonunda bulun <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
<span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
</xf:if>
<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
<span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
<xf:else />
<span class="message-avatar-offline" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('offline_now')|for_attr }}"></span>
</xf:if>
extra.less
şablonuna ekleyin. Css kodunun kendinize göre düzenleyin..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: "\f2bd";
line-height: 1;
font-weight: bold;
color: #e21316;
background: #fff;
border: #fff solid 2px;
border-radius: 50%;
display: inline-block;
}
.message:not(.message--forceColumns) .message-avatar .avatar + .message-avatar-offline {
left: auto;
right: 0;
}
.message-avatar-wrapper .message-avatar-offline {
position: absolute;
left: 50%;
margin-left: -.615em;
bottom: -.5em;
}
Yukardaki cssi kullandıysanız şu satırı silin.Ugur, ugur hocam peki normal çevrimiçi ikonunun aynı hizasına çevrim dışı ikonunu nasıl ekleriz?
.message:not(.message--forceColumns) .message-avatar .avatar + .message-avatar-offline {
left: auto;
right: 0;
}
message_macros
şablonunda bulun
HTML:<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()"> <span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span> </xf:if>
Şu şekilde deiğiştirin
HTML:<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()"> <span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span> <xf:else /> <span class="message-avatar-offline" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('offline_now')|for_attr }}"></span> </xf:if>
extra.less
şablonuna ekleyin. Css kodunun kendinize göre düzenleyin.
CSS:.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: "\f2bd"; line-height: 1; font-weight: bold; color: #e21316; background: #fff; border: #fff solid 2px; border-radius: 50%; display: inline-block; } .message:not(.message--forceColumns) .message-avatar .avatar + .message-avatar-offline { left: auto; right: 0; } .message-avatar-wrapper .message-avatar-offline { position: absolute; left: 50%; margin-left: -.615em; bottom: -.5em; }
Uğur hocam peki aynısını çevrim içi için nasıl ekleriz teşekkürler.message_macros
şablonunda bulun
HTML:<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()"> <span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span> </xf:if>
Şu şekilde deiğiştirin
HTML:<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()"> <span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span> <xf:else /> <span class="message-avatar-offline" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('offline_now')|for_attr }}"></span> </xf:if>
extra.less
şablonuna ekleyin. Css kodunun kendinize göre düzenleyin.
CSS:.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: "\f2bd"; line-height: 1; font-weight: bold; color: #e21316; background: #fff; border: #fff solid 2px; border-radius: 50%; display: inline-block; } .message:not(.message--forceColumns) .message-avatar .avatar + .message-avatar-offline { left: auto; right: 0; } .message-avatar-wrapper .message-avatar-offline { position: absolute; left: 50%; margin-left: -.615em; bottom: -.5em; }
Çevrim içi ikonu default olarak var zaten.Uğur hocam peki aynısını çevrim içi için nasıl ekleriz teşekkürler.
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.