Go Back   vBulletin.org Forum / vBulletin Modifications / vBulletin 4.x Modifications / vBulletin 4.x Template Modifications
Reload this Page

Mini Mods - Online / Offline status CSS styling

Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Online / Offline status CSS styling Details »
Online / Offline status CSS styling
Mod Information
The Developer
Last Online: Mar 2018
 
Mod Version: 1.00, by dszuecs (Designer) dszuecs is offline
Developer Last Online: Mar 2018 I like it Show Printable Version Email this Page
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)


Block Disabled:      (Update License Status)   
Suspended or Unlicensed Members Cannot View Code.

2. Open your "postbit_onlinestatus" template and replace the existing code with this one


Block Disabled:      (Update License Status)   
Suspended or Unlicensed Members Cannot View Code.

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version Name: online.jpg Views: 1138 Size: 69.4 KB ID: 136262   Click image for larger version Name: offline.jpg Views: 834 Size: 69.7 KB ID: 136263   Click image for larger version Name: invisible.jpg Views: 782 Size: 69.4 KB ID: 136264  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Comments
  #2  
Old 02 Feb 2012, 20:36
foudu1030's Avatar
foudu1030 foudu1030 is offline
Member
  
Join Date: Jul 2008
First !

Nice resultat !
Reply With Quote
  #3  
Old 03 Feb 2012, 03:34
Dr.osamA's Avatar
Dr.osamA Dr.osamA is offline
Designer
  
Join Date: Aug 2004
Location: Syrie
Real name: Dr.osama
thank you bro
installed + rated
tanslated too
__________________
Reply With Quote
  #4  
Old 09 Apr 2012, 11:19
GhostHunter2010's Avatar
GhostHunter2010 GhostHunter2010 is offline
Member
  
Join Date: Nov 2010
Real name: Ghost
nice
Reply With Quote
  #5  
Old 09 Apr 2012, 12:06
hazem_aliraqi's Avatar
hazem_aliraqi hazem_aliraqi is offline
Member
  
Join Date: Oct 2010
Real name: Hazim M
thank you bro
Reply With Quote
  #6  
Old 28 Sep 2012, 22:54
Superorb Superorb is offline
Member
  
Join Date: Feb 2012
Is there a way to center the on/off/inv text vertically?
Reply With Quote
  #7  
Old 03 Jan 2013, 14:01
dszuecs's Avatar
dszuecs dszuecs is offline
Designer
  
Join Date: Oct 2011
Originally Posted by Superorb View Post
Is there a way to center the on/off/inv text vertically?
Hi Superorb

Sorry for my late response..

You can add another attribute to the css called 'vertical-align'
I guess the easiest way is to use px-values, just try&error. Mine for example is exactly vertical with this:

vertical-align: 2px;

Cheers
Reply With Quote
  #8  
Old 06 Mar 2013, 20:33
ggrimes620 ggrimes620 is offline
Member
  
Join Date: Feb 2013
Works perfectly and looks great.

Thanks!
Reply With Quote
Reply

« Previous Mod | Next Mod »

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 13:25.

Layout Options | Width: Wide Color:
vBulletin Main Site
Powered by vBulletin® Version 3.8.14
Copyright © 2021, MH Sub I, LLC dba vBulletin. All Rights Reserved. vBulletin® is a registered trademark of MH Sub I, LLC
Design by Princeton
Copyright ©2001 - , vbulletin.org. All rights reserved.
vBulletin® is a registered trademark.