PDA

View Full Version : Online / Offline status CSS styling


dszuecs
02 Feb 2012, 19:12
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:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------



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



Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------

foudu1030
02 Feb 2012, 19:36
First ! :D

Nice resultat ! :D

Dr.osamA
03 Feb 2012, 02:34
thank you bro
installed + rated
tanslated too

GhostHunter2010
09 Apr 2012, 10:19
nice

hazem_aliraqi
09 Apr 2012, 11:06
thank you bro

Superorb
28 Sep 2012, 21:54
Is there a way to center the on/off/inv text vertically?

dszuecs
03 Jan 2013, 13:01
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

ggrimes620
06 Mar 2013, 19:33
Works perfectly and looks great.

Thanks!