Back to vBulletin 4.x Template Modifications

Online / Offline status CSS styling
Mod Version: 1.00, by dszuecs

vB Version: 4.1.10 Rating: (2 votes - 5.00 average) Installs: 21
Released: 02 Feb 2012 Last Update: Never Downloads: 0
Not Supported Template Edits Re-usable Code Translations  

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)

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">&nbsp;OFF&nbsp;</span></vb:if>
<vb:if condition="$onlinestatus==1"><span class="customstatuson">&nbsp;ON&nbsp;</span></vb:if>
<vb:if condition="$onlinestatus==2"><span class="customstatusinv">&nbsp;INV&nbsp;</span></vb:if>

Download

No files for download.

Screenshots

Click image for larger version
Name:	online.jpg
Views:	1148
Size:	69.4 KB
ID:	136262   Click image for larger version
Name:	offline.jpg
Views:	842
Size:	69.7 KB
ID:	136263   Click image for larger version
Name:	invisible.jpg
Views:	790
Size:	69.4 KB
ID:	136264  


vblts.ru supports vBulletin®, 2022-2024