Admin
Well-Known Member
Staff member
Administrator
This is a very simply, alternativ ON / OFF status styling via CSS.
Check out the screenshots at the end of the post, the status can be found on the right if the nickname
1. Open your "additional.css" and add this code (feel free to pick your desired colors)
2. Open your "postbit_onlinestatus" template and replace the existing code with this one
Check out the screenshots at the end of the post, the status can be found on the right if the nickname
1. Open your "additional.css" and add this code (feel free to pick your desired colors)
Code:
/* BEGIN CUSTOM ONLINE STATUS*/
.customstatuson {
background: #E1FA05;
color: #000;
}
.customstatusoff {
background: #FA7305;
color: #FFF;
}
.customstatusinv {
background: #FFF;
color: #3c3c3c;
}
/* END CUSTOM ONLINE STATUS*/2. Open your "postbit_onlinestatus" template and replace the existing code with this one
Code:
<vb:if condition="$onlinestatus==0"><span class="customstatusoff"> OFF </span></vb:if>
<vb:if condition="$onlinestatus==1"><span class="customstatuson"> ON </span></vb:if>
<vb:if condition="$onlinestatus==2"><span class="customstatusinv"> INV </span></vb:if>
