vb.org Archive - Mini Mods - Online / Offline status CSS styling

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)

- - Mini Mods - Online / Offline status CSS styling (https://vborg.vbsupport.ru/showthread.php?t=277945)

dszuecs

02-01-2012 11:00 PM

Online / Offline status CSS styling

1 Attachment(s)

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>

foudu1030

02-02-2012 07:36 PM

First ! :D

Nice resultat ! :D

Dr.osamA

02-03-2012 02:34 AM

thank you bro
installed + rated
tanslated too

GhostHunter2010

04-09-2012 09:19 AM

nice

hazem_aliraqi

04-09-2012 10:06 AM

thank you bro

Superorb

09-28-2012 08:54 PM

Is there a way to center the on/off/inv text vertically?

dszuecs

01-03-2013 01:01 PM

Quote:

Originally Posted by Superorb (Post 2369337)

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

03-06-2013 07:33 PM

Works perfectly and looks great.

Thanks!

All times are GMT. The time now is 08:32 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01450 seconds Memory Usage 1,722KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (8)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: