Resource icon

Online indicator

  • Upgrade Your Account to download resource
    Hello Guest ! Upgrade your account to download from our sections Here.
    How to upgrade your account to download resources Learn More.
    Guest need to read through our rules and regulations Learn More.

XenforoX

Administrator
Staff member
Administrator
May 29, 2018
1,122
189
63
#1
Nitish0123 submitted a new resource:

Online indicator - CSS modification to the XF default online indicator.

This is very simple CSS modification to the XF default online indicator.

In your EXTRA.less template add the following code.

Code:
Code:
.message-avatar-wrapper .message-avatar-online {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 2px solid;
    border-left-color: #7fb90087;
    border-top-color: #7fb90087;
    border-right-color: #7fb90087;
    border-bottom-color: #7fb90087;
    border-radius: 3px;
    box-shadow: 0px 0px 10px 3px...
Read more about this resource...
 

Similar threads