The Arcive of Official vBulletin Modifications Site.

Transparent - Online/Offline Status Icons · **Released**: 08-05-2007

Here Is A Set Of Online/Offline Icons I Made
you will need to do 1 template edit to make these work
Reason for template edit is that the standard images are .gif format these are transparent and saved in .png format

Edit Template postbit_onlinestatus

Code:

<if condition="$onlinestatus==0"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/user_offline.gif" alt="<phrase 1="$user[username]">$vbphrase[x_is_offline]</phrase>" border="0" /></if>
<if condition="$onlinestatus==1"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/user_online.gif" alt="<phrase 1="$user[username]">$vbphrase[x_is_online_now]</phrase>" border="0" /></if>
<if condition="$onlinestatus==2"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/user_invisible.gif" alt="<phrase 1="$user[username]">$vbphrase[x_is_invisible]</phrase>" border="0" /></if>

The Code That Is In Red Needs To Look Like This

Code:

<if condition="$onlinestatus==0"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/user_offline.png" alt="<phrase 1="$user[username]">$vbphrase[x_is_offline]</phrase>" border="0" /></if>
<if condition="$onlinestatus==1"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/user_online.png" alt="<phrase 1="$user[username]">$vbphrase[x_is_online_now]</phrase>" border="0" /></if>
<if condition="$onlinestatus==2"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/user_invisible.gif" alt="<phrase 1="$user[username]">$vbphrase[x_is_invisible]</phrase>" border="0" /></if>

Just Change user_offline.gif to user_offline.png
same as user_online.gif to user_online.png

jerrygad · #2 08-06-2007, 05:38 AM

Awesome! It's look great.

csavern · #3 08-06-2007, 09:47 AM

Thx

Videx · #4 08-07-2007, 01:41 AM

Um. So why can't you change them to transparent .gif and save the editing?

csavern · #5 08-07-2007, 10:05 AM

Well just thought i would share the buttons allmost everything on my board is .png because of using shadows on images so all the buttons i made for my board i use .png
i left a psd zip files here and if you like your more then welcome to download and make .gif your self if ya like

slyreptile · #6 09-13-2007, 01:49 PM

Great work csavern! Wish more designers used png.

csavern · #7 09-13-2007, 11:57 PM

Thank you
PNG format makes things look a little better on the forums

ninjamaster · #8 10-08-2007, 08:48 AM

looks cool thanks

Ohiosweetheart · #9 12-10-2007, 03:10 AM

Love png icons. Thanks for the images and the tutorial

Jasem · #10 04-21-2008, 12:06 PM

very good!, Thank you very much

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.08188 seconds Memory Usage 2,306KB Queries Executed 25 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (2)bbcode_code (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (10)post_thanks_box (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (10)post_thanks_postbit_info (9)postbit (2)postbit_attachment (10)postbit_onlinestatus (10)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.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/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.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 showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!